Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在表格中使用关联菜单打开新选项卡_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在表格中使用关联菜单打开新选项卡

Javascript 如何在表格中使用关联菜单打开新选项卡,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用datatable显示一些数据,并使用关联菜单从datatable导航到另一个页面。但问题是,当我单击关联菜单选项卡时,新窗口正在同一选项卡中打开。但我需要在另一个选项卡中打开它,但它没有发生。我给出了代码 <script type="text/javascript" class="showcase"> $(function() { var selectedVal; $.contextM

我正在使用datatable显示一些数据,并使用关联菜单从datatable导航到另一个页面。但问题是,当我单击关联菜单选项卡时,新窗口正在同一选项卡中打开。但我需要在另一个选项卡中打开它,但它没有发生。我给出了代码

<script type="text/javascript" class="showcase">
            $(function() {
                var selectedVal;
                $.contextMenu({
                    selector : '.context-menu-one',
                    callback : function(key, options) {
                        var row = options.$trigger;
                        var newUrl = key;

                        if (key === 'calllist.do') {
                            var rows = row.find("td").eq(2).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }
                        if (key === 'travel') {
                            var rows = row.find("td").eq(3).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }
                        if (key === 'call_usage') {
                            var rows = row.find("td").eq(3).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }
                        if (key === 'network_analysis') {
                            var rows = row.find("td").eq(3).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }
                        if (key === 'location_analysis.do') {
                            var rows = row.find("td").eq(3).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }

                        if (key === 'location_tracker.do') {
                            var rows = row.find("td").eq(3).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                        }

                        if (key === 'personal') {
                            var rows = row.find("td").eq(1).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                            //  alert(actionUrl);

                        }

                        if (key === 'newsim.do') {
                            var rows = row.find("td").eq(5).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();
                            //  alert(actionUrl);

                        }

                        if (key === 'analyzecallingno') {
                            var rows = row.find("td").eq(2).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();


                        }

                        if (key === 'simdensity.do') {
                            var rows = row.find("td").eq(5).html();
                            actionUrl = '?' + 'a_no='
                                    + rows.toLocaleString();


                        }

                        document.forms[0].action = newUrl + actionUrl;
                        document.forms[0].submit();
                    },
                    items : {

                        "analyzecallingno" : {
                            name : "Analyze Calling Number"
                        },
                        "travel": {
                            name : "Analyze Caller Tower"
                        },
                        "network_analysis" : {
                            name : "Social Network Analysis"
                        },
                        "call_usage" : {
                            name : "Call Analysis Summary"
                        },
                        "location_tracker.do" : {
                            name : "Location Tracking"
                        },
                        "personal" : {
                            name : "Caller Personal Details"
                        }

                    }
                });
            });
        </script>

        <table class="tableData context-menu-one" id="tableData"
            style="overflow-x: scroll">
            <thead>
                <tr style="font-size: 14px;">
                    <th align="left">CALLTYPE</th>
                    <th align="left">CALLER</th>
                    <th align="left">CALLEE</th>
                    <th align="left">DURATION</th>
                    <th align="left">START DATE</th>
                    <th align="left">END DATE</th>
                    <th align="left">FROM LOC</th>
                    <th align="left">TO LOC</th>
                    <th align="left">IMEI</th>
                    <th align="left">IMSI</th>
                </tr>
            </thead>
            <tbody>
                <c:forEach items="${searchpage}" var="listofvalues">
                    <tr class="context-menu-one notfirst" style="font-size: 12px;">
                        <td align="left"><c:out value="${listofvalues.call_type}" /></td>
                        <td align="left"><c:out value="${listofvalues.a_no}" /></td>
                        <td align="left"><c:out value="${listofvalues.b_no}" /></td>
                        <td align="left"><c:out
                                value="${listofvalues.call_duration}" /></td>
                        <td align="left"><c:out value="${listofvalues.start_day}" /></td>
                        <td align="left"><c:out value="${listofvalues.end_day}" /></td>
                        <td align="left"><c:out
                                value="${listofvalues.a_home_circle}" /></td>
                        <td align="left"><c:out
                                value="${listofvalues.a_rome_circle}" /></td>
                        <td align="left"><c:out value="${listofvalues.a_imei}" /></td>
                        <td align="left"><c:out value="${listofvalues.a_imsi}" /></td>

                    </tr>
                </c:forEach>
            </tbody>
        </table>
    </div>
</div>

$(函数(){
var-selectedVal;
$.contextMenu({
选择器:'.关联菜单一',
回调:函数(键、选项){
var行=选项。$trigger;
var newUrl=key;
if(key==='calllist.do'){
var rows=row.find(“td”).eq(2.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键==‘行程’){
var rows=row.find(“td”).eq(3.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键==='call\u usage'){
var rows=row.find(“td”).eq(3.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键===‘网络分析’){
var rows=row.find(“td”).eq(3.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
if(key=='location\u analysis.do'){
var rows=row.find(“td”).eq(3.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键=='location\u tracker.do'){
var rows=row.find(“td”).eq(3.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键=='personal'){
var rows=row.find(“td”).eq(1.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
//警报(actionUrl);
}
如果(键=='newsim.do'){
var rows=row.find(“td”).eq(5.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
//警报(actionUrl);
}
如果(键=='analyzecallingno'){
var rows=row.find(“td”).eq(2.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
如果(键=='simdensity.do'){
var rows=row.find(“td”).eq(5.html();
actionUrl=“?”+“a_no=”
+rows.tolocalString();
}
document.forms[0]。action=newUrl+actionUrl;
document.forms[0]。提交();
},
项目:{
“分析呼叫号”:{
姓名:“分析主叫号码”
},
“旅行”:{
名称:“分析呼叫塔”
},
“网络分析”:{
名称:“社交网络分析”
},
“呼叫使用”:{
名称:“呼叫分析摘要”
},
“位置跟踪程序.do”:{
名称:“位置跟踪”
},
“个人”:{
姓名:“来电者个人详细信息”
}
}
});
});
呼叫类型
呼叫者
被叫
期间
开始日期
结束日期
从LOC
到LOC
伊梅
IMSI


也许您可以使用类似于
$(“form:first”).attr('target','u blank').submit()的东西
而不是
document.forms[0]。action=newUrl+actionUrl

注意:不要忘记设置您的操作URL:

$("form:first").attr({
                      'target':'_blank',
                      'action':newUrl + actionUrl
                    }).submit();

您也可以使用
$(“form”).first().attr….

我知道在HTML中,一个lint可以打开新的选项卡look linke这个“TARGET=“\u blank“>Link zu kopfchaos.ch proparty你可以在我应该在这里实现的地方使用它??如果我看对了,你的上下文是否是文本而不是链接?我这样做了,但没有工作,甚至页面导航也停止了我已经更新了我的答案。请检查并打开控制台,查看是否收到任何错误消息。是的,它正在工作,但存在问题。它正在浏览器中打开一个新窗口,但我需要在仪表板中使用它。您的确切意思是什么?你有考试吗