easyuidatagrid的⾏编辑器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 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 = id.datagrid('getSelected');
if (row == null) {
return;
}
var index = id.datagrid('getRowIndex', row);
self.viewType = v_edit;
self.IsViewType(v_edit);
};
新的编辑⽅法
//新的编辑⽅法
this.editClick = function () {
if (self.RowsCount() > 1) return;
var row = id.datagrid('getSelected');
if (row == null) {
return;
}
//在编辑后把⽤户名改为查看状态
if (row._isnew == undefined) {
//编辑的时候把⽤户名改为查看状态
135编辑器手机版$('#gridlist').datagrid('removeEditor', 'UserCode');
}
var index = id.datagrid('getRowIndex', row);
self.viewType = v_edit;
self.IsViewType(v_edit);
};
页⾯效果
1）新增时
2）编辑时
总结：使⽤ datagrid的removeEditor⽅法，指定对应列名，如语法：  $('#gridlist').datagrid('removeEditor', 'UserCode');

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。