如何使用表中的上下文菜單打開新選項卡

Question

我正在使用一個數據表顯示一些數據，並使用上下文菜單從該數據表導航到另一頁。但是問題是當我單擊上下文菜單選項卡時，新窗口正在同一選項卡中打開，但是我需要打開它在另一個選項卡中，但沒有發生。我正在提供代碼..

<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>

Answer 1

也許您可以使用$("form:first").attr('target', '_blank').submit(); 而不是document.forms[0].action = newUrl + actionUrl; 。

ps。 不要忘記設置您的操作網址：

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

您也可以使用$( "form" ).first().attr....