只读的PropertyGrid

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

3：只读的PropertyGrid

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

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

 

[html] view
plaincopy

Ext.onReady(function() {     

    var grid = new Ext.grid.PropertyGrid({  

          title: '员工属性表格',  

          width: 300,  

          height: 200,  

          frame: true,  

          source: {  

               "员工名称": '张三',  

               "出生日期": new Date(1978, 01, 02),  

               "性别": '男',  

               "是否已婚": true,  

               "年龄": 31  

          }  

     });  

        grid.render('cumGrid');  

        grid.on('beforeedit', function(e){  
         e.cancel = true;  

         return false;  

        });  

          

});