ExtJS|将PropertyGrid中的单个编辑框设置为不可编辑的方法

方法很简单,就是为不可编辑的属性设置一种类型的编辑器,比如说你想要设置一个字符类型和一个日期类型的框框不可编辑,那么在配置的时候设置disabled:true就行了,网上很多说的方法都是增加beforeedit事件监听,还要添加处理函数,虽然代码不多,但是感觉麻烦.

该方法有一个不是很友好的地方,就是如果用户点击了这个不可编辑的输入框,打算修改数据,按了Backspace,通常情况下,在浏览器里面按这个按键是后退的意思,那么就会回退到上一个网页.

下面是一个例子
【ExtJS|将PropertyGrid中的单个编辑框设置为不可编辑的方法】

var addLabPanel = new Ext.Window({ title: '添加实验室', layout:'fit', width: 514, height: 499, items:new Ext.grid.PropertyGrid({ source:{ 实验室名称:'化学实验室', 实验室编号:'A001', 实验室状态:'启用', 备注信息:'无', 管理员:'张三', 时间:'2011-1-17' }, customEditors:{ 实验室名称:new Ext.grid.GridEditor(new Ext.form.TextField({disabled:true})), 时间:new Ext.grid.GridEditor(new Ext.form.DateField({format:'Y-m-d',disabled:true})) } }) });


ExtJS|将PropertyGrid中的单个编辑框设置为不可编辑的方法
文章图片


    推荐阅读