在线编辑时获取 jqgrid 中文本框的 defaultValue

Question

我们可以使用以下方法获取普通 html 文本框的默认值：

$("#textboxId").prop("defaultValue");

但是在 jqgrid(inline-edit) 内部，在编辑一行时，如果选择文本框并检查 defaultValue，它总是结果为空。

我想在编辑模式下获取文本框的原始值，以检查文本框的值是否真的改变了。

请帮忙。谢谢。

Answer 1

您需要做的是使用 jqGrid 选项的 onSelectRow 函数在用户单击内联编辑中的行时正确获取旧行数据，然后使用 beforeSaveRow 检查更改。

这是它的代码和指向它的 jsFiddle 链接。

var lastSel = 0;
            var mydata = [
                    {id:"1", name: "abc",desc: "desc 11"},
                    {id:"2", name: "def",desc: "hello there"},
                    {id:"3", name: "xyz",desc: "desc 44"}
                ];
            $("#list").jqGrid({

                datatype: "local",
                data: mydata,
                height: "auto",

                colModel :[
                 {name:'id',key:true, index:'idcustomers', width:55},
                    {name:'name',  width:100,editable: true},
                    {name:'desc', width:100,editable: true}                   
                ],
                pager: '#pager',
                rowNum:10,
                rowList:[10,20,30],
                sortname: 'idcustomers',
                sortorder: 'asc',
                viewrecords: true,
                gridview: true,
                caption: 'Customers',

                cellsubmit: 'clientArray',
                onSelectRow: function (id) {
          var currentRow =  $('#list').jqGrid("getRowData",id);

            if (id && id !== lastSel) {
             lastSel=id;
            }
            else
            {
            return;
            }
             jQuery('#list').editRow(id, 
          {
                "keys": true,          
               oneditfunc: function () {


                },
                "successfunc": null,
                "url": null,
                "extraparam": {},
                "aftersavefunc": null,
                "errorfunc": null,
                "afterrestorefunc": null,
                "restoreAfterError": true,
                "beforeSaveRow": function (options, rowid) {
                    // jqGrid calls its own SaveRow when the user hits 'Enter'. We need it to call ours.
                    // Note, the 'beforeSaveRow' is undocumented, but it gets invoked before jqGrid calls its own SaveRow method.

                 var newName = jQuery('#' + rowid + '_' + 'name').val();        
                  var oldName = currentRow.name;

                 if(newName!=oldName)
                 {
                   alert('changed');              
                 }
                   return true;

                },
            });
            }

            });