調用jqGrid中的選定行僅一次

Question

好吧，這一定是愚蠢的，但我一直沒發現...

我有一個ID為“ grid”的jqGrid（靈感來自我，我知道）。 我將一個導航按鈕添加到網格，如下所示：

jQuery("#grid").navButtonAdd('#pager', {
        caption : "Manage Files",           
        onClickButton : function(){                         
            var rowid = $('#grid').jqGrid('getGridParam', 'selrow');
            if(rowid == null) 
                alert('Please select a record before trying to manage files');
            makeUploadDialog(rowid);
        }

    });

因此，這有效。 第一次這樣做。 如果您單擊另一行並再次單擊按鈕，則會收到此錯誤：

Uncaught TypeError: Object [object Object] has no method 'jqGrid' 

我猜想事件的排序會發生一些不好的事情，但是我知道我已經在堆棧文章（盡管只有2歲）中看到了Oleg使用的這種精確方法。

有什么建議么？

[編輯以添加更多代碼和上下文]

我發現此問題是由對話框內容的AJAX加載引起的。 我已經在其他項目上完成了這種類型的操作，所以沒有問題，所以我很困惑為什么在這種情況下會導致我“失去上下文”。 如果我在下面的最后一行中注釋掉... load調用，則可以重復打開和關閉對話框並維護網格功能。 我只是不明白為什么...

function makeUploadDialog(rowID) {      
    var dialog = $('<div></div>').appendTo('body');
    dialog.dialog({
        width: 850, 
        autoOpen: true,
        draggable: true,
        resizable: false,
        title: 'Manage Artifacts',
        buttons: {
            Close: function () {
                $("#grid").trigger("reloadGrid");
                dialog.remove();                
            }
        }, 
        close: function () {                
            $("#grid").trigger("reloadGrid");
            dialog.remove();                
        }
    }); 
    dialog.load('getUploadDialog.html?rowId='+rowID);

[編輯x2]

我剛剛發現#grid對象看起來已被＃.load破壞了？ 我做了一個$（'＃grid'）的console.log，可以看到它實際上缺少了所有的jqGrid方法，但是有一些看起來像它屬於對話框的內容（例如對MultiFile對象的引用）。 ..這是對話框本身用於文件上傳的MultiFile.js的一部分）。 真的很困惑。

Answer 1

我准備了一個通用的工作示例 ，該示例正確觸發了選擇事件（jsFiddle）。 它的基本作用是添加列，添加一些數據，最后添加一個函數來對onSelectRow事件做出反應，如下所示：

$("#grid").jqGrid('setGridParam', 
    {onSelectRow: function(rowid,iRow,iCol,e){alert('selected id='+rowid);}});

在任何行上單擊兩次或多次，它將按預期觸發。

正如Bikonja所建議的那樣，如果您的問題更特定於所添加的功能，請修改我通過鏈接提供的示例並將其發布，以便我們查看是否有副作用（例如，來自其他鏈接的JavaScript庫） 。

---

整個JavaScript代碼：

var data = [[12345, "ABC", "", "3454354", "OPEN"], 
    [98765, "DEF", "", "452673", "CLOSED"]];

$("#grid").jqGrid({
    datatype: "local",
    height: 250,
    colNames: ['Inv No', 'User ID', ' ', 'Number', 'Status'],
    colModel: [{
        name: 'id',
        index: 'id',
        width: 60,
        sorttype: "int"},
    {
        name: 'fld1',
        index: 'fld1',
        width: 90,
        sorttype: "date"},
    {
        name: 'fld2',
        index: 'fld2',
        width: 10},
    {
        name: 'fld3',
        index: 'fld3',
        width: 80,
        sorttype: "float"},
    {
        name: 'fld4',
        index: 'fld4',
        width: 80,
        sorttype: "float"}
    ],
    caption: "Stack Overflow Example"
});


var names = ["id", "fld1", "fld2", "fld3", "fld4"];
var mydata = [];

for (var i = 0; i < data.length; i++) {
    mydata[i] = {};
    for (var j = 0; j < data[i].length; j++) {
        mydata[i][names[j]] = data[i][j];
    }
}

for (var i = 0; i <= mydata.length; i++) {
    $("#grid").jqGrid('addRowData', i + 1, mydata[i]);
}

/*
$("#grid").jqGrid('setGridParam', 
    {ondblClickRow: function(rowid,iRow,iCol,e){alert(dbl clicked id='+rowid);}});
*/
$("#grid").jqGrid('setGridParam', 
    {onSelectRow: function(rowid,iRow,iCol,e){alert('selected id='+rowid);}});

HTML表定義：

<table id="grid"></table>

Answer 2

花了一段時間，但我發現了問題。 我用來填充對話框的JSP冗余地鏈接了jQuery，並將對jQuery元素的引用重新加回到了我的主頁上。

痛苦。