Question

您好我正在使用jqGrid数据类型：'jsonstring'

现在我想根据第一列中的值更新特定行。我的意思

JqGrid定义

 $("#grid").empty().jqGrid({
                    datatype: 'jsonstring',
                    datastr: { rows: outputStr },
                    colNames: ['EmpName', 'Val1', 'Val2'],
                    colModel: [
                               { name: 'EmpName', classes: 'EmpName', index: 'EmpName', width: 100, header: 'Currency' },
                               { name: 'Val1',classes: 'Val1', index: 'Val1', width: 160 },
                               { name: 'Val2', classes: 'Val2',index: 'Val2', width: 50 },
jsonReader: {
                        repeatitems: false
                    },


                    rowNum: 10,
                    pager: '#pager',
                    viewrecords: true,
                    hoverrows: false,
                    caption: ""
                }).navGrid('#pager',
                    { search: true, edit: false, add: false, del: false, refresh: false }, {}, {}, {},
                    { recreateFilter: true, overlay: true, multipleSearch: true, multipleGroup: true }
                );

将我的网格数据视为


    
    Johny 122 3123
    Tom 3123 5856
    Susan 124 434
    Cetra 242 2111

这是网格中的示例数据。现在有一个函数可以获取更新的数据，只是更新的数据而不是整个网格数据。我的意思是当'Cetra'有更新时，我只收到'Cetra'的更新

js函数看起来像

function getDetailUpdate(key, value)
{
 var data = JSON.parse(value);
                var row = $('#grid tr:contains(' + key + ')'); //here I get I am getting update data for who, e.g. 'Cetra'

                var rowVal = $(row).closest('tr').attr('id');  //Here I get the row id
                for (let i in data) {
                   // Below statement is not working
                    $("#grid").jqGrid('setRowData', row, {  'Val1': data[1], 'Val2': data[0]});

//Below statement works and updates the changes but it is not updating in proper row cell, I have also set class names for the three td, and which value to update(which cell) I am getting in 'i')
                    $(row).closest('tr').children('td.' + i).text(data[i]);
                }
}

非常感谢任何帮助。感谢

Answer 1

而不是使用

  var row = $('#grid tr:contains(' + key + ')');

我正在使用

   var row = $("td").filter(function () {
                        return $(this).text() == key;
                    }).closest("tr");

所以这很好用

通过查找@Amete Blessed建议的tr的id，这样做的替代方法是更好的方法。

var rowId = $(row).closest('tr').attr('id');
var rowData = $('#my-jqgrid-table').jqGrid('getRowData', rowId);
rowData.Val1= '12321'; 
$('#my-jqgrid-table').jqGrid('setRowData', rowId, rowData)

希望它有助于某人

JqGrid更新特定的行

1 个答案:

JqG​​rid更新特定的行

1 个答案:

JqGrid更新特定的行