获取easyui datagrid正在编辑的数据行

  javascript判断easyui datagrid是否在编辑状态,及如何获取当前正在编辑的数据行数据。

获取easyui datagrid正在编辑的数据行

  获取easyui datagrid正在编辑的数据行源代码如下

        function getEditRow(datagridId) {//datagridId为table容器的id
            var input = $('#' + datagridId).parent().find('div.datagrid-body input'), row;
            if (input.size() > 0) {
                var rows = $('#' + datagridId).datagrid('getRows'), rowIndex = input.closest('tr[datagrid-row-index]').attr('datagrid-row-index');
             
                alert(rowIndex)
                row = rows[rowIndex];
                console.log(row)
            }
            else alert('datagrid未处于编辑状态!');
        }
<table id="dg" class="easyui-datagrid" title="Row Editing in DataGrid" style="width:700px;height:auto"
			data-options=".........">....</table>
    <input type="button" onclick="getEditRow('dg')" value="获取当前编辑行数据" />

 


原创文章,转载请注明出处:获取easyui datagrid正在编辑的数据行

评论(0)Web开发网
阅读(2400)喜欢(0)easyui开发技巧