3

我有一个 jqGrid 并且有几页项目。我有一行的 ID，它可能在第一页上，也可能埋在其他页面的某个地方。

给定行的 ID，我如何以编程方式选择这样的行？我正在使用按钮的单击事件，如下所示

.on("click", function(){
     var myId = $(this).attr("id");
     $("#studentGrid").jqGrid.setSelection(myId, true);
});

当我单击按钮时，我得到以下萤火虫控制台。

TypeError：this.each 不是函数

有任何想法吗 ？

编辑
所以我选择只用一条记录重新填充网格。问题是我没有使用本地数据。我的数据类型是“json”。像这样

  $("#studentGrid").jqGrid({
                url: '<c:url value="/students/studentjsondata"/>',
                datatype: 'json',
                height: 'auto',
                colNames:['id','First Name', 'Last Name', 'Other Name' ,'Date Of Birth', 'Gender'], 
                colModel:[ 
                        //Bla Bla Bla
                ],
                rowNum:10,
                autowidth: true,
                pager: '#pager', 
                sortname: 'id', 
                viewrecords: true, 
                sortorder: "desc",
                caption:"Students",
                emptyrecords: "Empty Records",
                subGrid: true,
                /* <![CDATA[ */ 
                onSelectRow: function(id){ 
                    if((lastsel != 0)&&(id!==lastsel)){ 
                        $("#studentGrid").jqGrid('collapseSubGridRow', lastsel);                
                    } 
                    lastsel=id; 
                }/* ]]> */ ,
                subGridOptions: { 
                    "plusicon" : "ui-icon-triangle-1-e", 
                    "minusicon" : "ui-icon-triangle-1-s", 
                    "openicon" : "ui-icon-arrowreturn-1-e", 
                    "reloadOnExpand" : true, 
                    "selectOnExpand" : true  
                },
                subGridRowExpanded: function(subgrid_id, row_id) {
                    //Bla Bla Bla
                }
    });

我有想要重新填充网格的 json 字符串。如何使用这些新数据重新初始化网格。我将下面的json字符串与相应的逻辑如下，但没有任何反应。

{'page':'1', 'records':'1', 'total':'1', 'rows':[{'id':'7385', 'cell': ['Max', 'Payne', '', 'September 16, 2012', 'Male']}]}


.on("click", function(){
  var myNewData = eval('(' + $(this).attr("griddata") + ')');
  $("#studentGrid").jqGrid('setGridParam', { datatype: 'local', data: myNewData}).trigger('reloadGrid');
 });
4

4 回答 4

3

您可以尝试在网格setSelection内添加调用方法：loadComplete$("#studentGrid")

loadComplete: function () {
    $(this).jqGrid("setSelection", myId, true);
}

如果 id 等于myIdin 的行不在当前页面上，则不会选择任何行。如果 id = 的行在myId当前页面上执行，则该行将被选中。是你想要的吗？

于 2012-09-13T17:02:12.433 回答
0

您只能选择当前页面上的一行。

您可以将选定的行存储在一个数组（或其他一些数据结构）中，并在更改页面时选择任何“选定”行 - 这个答案应该会有所帮助：jqGrid: How to use multiselect on different pages

或者，您可以按照您的建议进行操作，并根据您的要求只显示那一行。

于 2012-09-13T14:41:07.617 回答
0

我只是在这里猜测-

  1. 如果您已经拥有需要选择的 ID，为什么不将其保存在内存中呢？或者也许是 cookie 或 HTML5 locaStorage？

  2. 然后使用这些值将选定的行设置为相关行出现在当前页面中的时间。

  3. 您始终可以在页面请求之间来回序列化您的“选定 ID”（如果不使用 ajax）

于 2012-09-13T15:55:50.810 回答
-1

所以，伙计们，谢谢大家的评论。他们引导我回答这个问题。这个链接也很有帮助。所以这是使用 json 字符串更新非本地数据的代码。

.on("click", function(){
    $("#studentGrid").jqGrid('setGridParam', { jsonReader: { repeatitems: false }, datatype: 'jsonstring', datastr: $(this).attr("griddata")}).trigger('reloadGrid');
});

希望它可以帮助那里的其他人。现在我要做的就是弄清楚如何通过删除这些参数来正确地重新加载网格。这是通过使用默认的 jsonReader 来完成的，如下所示。

$("#studentGrid").jqGrid('setGridParam', {    jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: true,
cell: "cell",
id: "id",
userdata: "userdata",
subgrid: {root:"rows", 
repeatitems: true, 
cell:"cell"
 }
} , datatype: 'json', datastr: null});
于 2012-09-13T20:19:48.843 回答