只读的PropertyGrid

转自:http://blog.csdn.net/woshisap/article/details/6976110

3:只读的PropertyGrid

    PropertyGrid用来显示一些属性信息,有很多时候数据是不允许随意改动的,但是PropertyGrid默认提供了可编辑功能,而且也没有提供可以配置是否允许编辑的功能属性,这样使有些数据的安全性丧失了

    实际上只要在beforeedit事件处理中设置e.cancel=true就可以了,代码如下:

 

[html]  view plain copy
  1. Ext.onReady(function() {     
  2.     var grid = new Ext.grid.PropertyGrid({  
  3.           title: '员工属性表格',  
  4.           width: 300,  
  5.           height: 200,  
  6.           frame: true,  
  7.           source: {  
  8.                "员工名称": '张三',  
  9.                "出生日期": new Date(1978, 01, 02),  
  10.                "性别": '男',  
  11.                "是否已婚": true,  
  12.                "年龄": 31  
  13.           }  
  14.      });  
  15.         grid.render('cumGrid');  
  16.         grid.on('beforeedit', function(e){  
  17.          e.cancel = true;  
  18.          return false;  
  19.         });  
  20.           
  21. });  

你可能感兴趣的:(只读的PropertyGrid)