easyui datagrid 在不关闭行编辑状况下,更新行,更新单元格。

var tmpIndex = editIndexs[rewriteTableId];
                    //获取 主要的按钮对象  单元格
                    var ed = $(rewriteTableId).datagrid('getEditor', {index:tmpIndex,field:"FPROJECTNUMBER"});
                    $(ed.target).textbox('setValue', rowData.FPROJECTNUMBER);
                    // 有editor的更新方法------------------------------------------------
                    $($(rewriteTableId).datagrid('getEditor', {index:tmpIndex,field:"FCREATEPROJECTID"}).target).textbox('setValue', rowData.FID);
                    // 没有editor 的列,更新方法       --------选择按钮的列名---------------------------------要反写的字段列明------------------------弹窗  选择的 数据。
                    $(ed.target).parents("td[field='FPROJECTNUMBER']").siblings("td[field='FPROJECTNAME_L1']").find("div").html(rowData.FPROJECTNAME_L1);
                    $(ed.target).parents("td[field='FPROJECTNUMBER']").siblings("td[field='FPROJECTNAME_L2']").find("div").html(rowData.FPROJECTNAME_L2);

//更新页面div值并不会 更新datagrid 实体值,因此调用方法更新
                    var rows = $(rewriteTableId).datagrid("getRows");
                    var columns = $(rewriteTableId).datagrid("options").columns;
                    for (i in columns[0]){
                        if(columns[0][i].field== "FPROJECTNAME_L1")
                            rows[tmpIndex][columns[0][i].field] = rowData.FPROJECTNAME_L1;
                        if(columns[0][i].field== "FPROJECTNAME_L2")
                            rows[tmpIndex][columns[0][i].field] = rowData.FPROJECTNAME_L2;

}

思路:javascript

单元格有两种,一种是编辑控件的,一种是只显示的。html

一、编辑控件获取编辑,当作textbox控件setValue便可。java

二、只供显示的单元格,根据编辑控件对象,找到父节点的 兄弟节点,而后获取 显示字段的div,填入。code

可是问题是,值修改页面元素,datagrid实体对象并无更新数据,当关闭行,或获取数据时,是没有变的。因此用下面的columns 和rows去更新实体对象值。至于原理我也不太懂,就是起做用,好用。哈哈htm

相关文章
相关标签/搜索