Javascript 如何在表格中使用关联菜单打开新选项卡
我正在使用datatable显示一些数据,并使用关联菜单从datatable导航到另一个页面。但问题是,当我单击关联菜单选项卡时,新窗口正在同一选项卡中打开。但我需要在另一个选项卡中打开它,但它没有发生。我给出了代码Javascript 如何在表格中使用关联菜单打开新选项卡,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用datatable显示一些数据,并使用关联菜单从datatable导航到另一个页面。但问题是,当我单击关联菜单选项卡时,新窗口正在同一选项卡中打开。但我需要在另一个选项卡中打开它,但它没有发生。我给出了代码 <script type="text/javascript" class="showcase"> $(function() { var selectedVal; $.contextM
<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你可以在我应该在这里实现的地方使用它??如果我看对了,你的上下文是否是文本而不是链接?我这样做了,但没有工作,甚至页面导航也停止了我已经更新了我的答案。请检查并打开控制台,查看是否收到任何错误消息。是的,它正在工作,但存在问题。它正在浏览器中打开一个新窗口,但我需要在仪表板中使用它。您的确切意思是什么?你有考试吗