easyui datagrid处于编辑状态时获取当前行或者列
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui datagrid处于编辑状态时获取当前行或者列相关的知识,希望对你有一定的参考价值。
参考技术A onClickCell:function(rowIndex,
field,
value)//编辑时点击单格
可以获取行号
字段名
值
onClickRow:function(rowIndex,
rowData)//编辑时点击行
可以获取行号
行数据
easyui datagrid的行编辑器editor 如何实现新增时可修改,编辑时,不可修改
项目出现一个需求,要求用户界面的用户名,新增时,可自由输入,编辑时,不可修改
html页面
<table id="gridlist" data-bind="datagrid:grid" > <thead> <tr> <th field="ck" checkbox="true" readOnly:true ></th> <th field="OptimisticLockField" hidden="true"></th> <th field="UserCode" sortable="true" align="left" width="80" editor="{type:‘validatebox‘,options:{required: true }}" >用户名 </th> <th field="UserName" sortable="true" align="left" width="200" editor="{type:‘validatebox‘,options:{required: true }}" >名称 </th> <th field="OriginalPassword" sortable="true" align="left" width="200" >密码 </th> <th field="Org" sortable="true" align="left" width="200" editor="{type:‘lookup‘,options:{required:true,lookupType:‘cloud.PcsOrg‘,window:{title:‘所属机构‘},queryParams:{State:9,Ou:false}}}" formatter="formatOrg" >所属机构 </th> <th field="IsEnable" sortable="true" align="center" width="120" editor="{type:‘checkbox‘,options:{on:1,off:0}}" formatter="com.formatCheckbox" >是否可用</th> <th field="IsAdmin" align="center" width="120" editor="{type:‘checkbox‘,options:{on:1,off:0}}" formatter="com.formatCheckbox">是否管理员</th> <th field="LoginCount" sortable="true" align="right" width="120" >登录次数</th> <th field="LastLoginDate" sortable="true" align="left" width="135" formatter="com.formatDate">最后登录日期</th> <th field="LastLoginOU" align="left" width="170" hidden="true" >最后登录组织</th> <th field="OrganizeNames" align="left" width="170">最后登录组织</th> <th field="Permit" align="center" width="320" formatter="formatterButton"> 操作 </th> <th field="Description" align="left" width="150" editor="text">描述</th> </tr> </thead> </table>
原先编辑方法
//原先编辑方法 this.editClick = function () { if (self.RowsCount() > 1) return; var row = self.grid.datagrid(‘getSelected‘); if (row == null) { com.message(‘error‘, "请选中需编辑的一行数据"); return; } var index = self.grid.datagrid(‘getRowIndex‘, row); self.gridEdit.begin(index, row); self.viewType = v_edit; self.IsViewType(v_edit); };
新的编辑方法
//新的编辑方法 this.editClick = function () { if (self.RowsCount() > 1) return; var row = self.grid.datagrid(‘getSelected‘); if (row == null) { com.message(‘error‘, "请选中需编辑的一行数据"); return; } //在编辑后把用户名改为查看状态 if (row._isnew == undefined) { //编辑的时候把用户名改为查看状态 $(‘#gridlist‘).datagrid(‘removeEditor‘, ‘UserCode‘); } var index = self.grid.datagrid(‘getRowIndex‘, row); self.gridEdit.begin(index, row); self.viewType = v_edit; self.IsViewType(v_edit); };
页面效果
1)新增时
2)编辑时
总结:使用 datagrid的removeEditor方法,指定对应列名,如语法: $(‘#gridlist‘).datagrid(‘removeEditor‘, ‘UserCode‘);
以上是关于easyui datagrid处于编辑状态时获取当前行或者列的主要内容,如果未能解决你的问题,请参考以下文章
easyui中datagrid合并单元格后,当开启其他列某一个单元格进入编辑状态时,合并行会出现错位,该怎么解决啊
EasyUI可编辑datagrid用combobox实现多级联动
easyui datagrid在行编辑状态下,如何实现给其他行数据赋值