easyui editor textbox 设置不可编辑状态

最新推荐文章于 2025-06-04 09:57:50 发布

原创最新推荐文章于 2025-06-04 09:57:50 发布 · 7.5k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何在使用EasyUI时，将datagrid中的editor文本框设置为不可编辑状态，以实现数据只显示不修改的功能。通过添加editable: false属性可以禁用编辑，并提供了一个获取datagrid当前行号的方法，以便在联动操作中使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在使用easyui，在做到一个编辑时，需要联动并且结果只做显示，不能点击修改！

代码:

datagrid 下：

主要加editable: false属性

{field:'routeName',title:'线路',width:140,align:'center',

editor:{
type:'textbox',
options:{editable: false}

}},

另外在编辑下获取行号方法感觉挺有用的：

//获取该行号

var index = $(this).parents('.datagrid-row').attr('datagrid-row-index');

具体代码：

{field:'pname',title:'司机',width:140,align:'center',
editor:{
type:'combobox',
options:{
url:'----------',
panelHeight:'auto',
valueField:'value',
textField:'text',
required:true,
onLoadSuccess:function(){
//新增状态不选中
if(statu == 0)
return;
//获取该行号
var index = $(this).parents('.datagrid-row').attr('datagrid-row-index') ;
var rows = accident_datagrid.datagrid('getRows');
var value = rows[index].pname;
var val = $(this).combobox("getData");
for (var item in val) {
if (val[item].text == value)
$(this).combobox("select", val[item].value);
}
}
}
}},