Extjs4 修改PropertyGrid列宽度和名称

Extjs4 修改PropertyGrid列宽度和名称

 Extjs4 994 浏览 添加评论

三 15 2012

 

以下是原创作品，转载请标明出处http://lvjava.com/?p=223

最近开发中用到了PropertyGrid组件，需要修改PropertyGrid列名称和宽度以获取更好的显示效果

在网上找了不少资料，在Ext 3或更早的版本中一般都通过下列的代码修改：

myGrid.getColumnModel().setColumnWidth( colIndex, width )

但是在Ext4版本中getColumnModel()方法被移除了，替代的方法如下：

1 2	propsGrid.getView().getHeaderCt().getHeaderAtIndex(0).setWidth(200); propsGrid.getView().getHeaderCt().getHeaderAtIndex(0).setText( '200' );

propsGrid为propertyGrid对象，getHeaderCt()返回表格的头部，getHeaderAtIndex(0)方法返回的第一列的Column对象

再通过Column对象的setWidth和setText方法即可修改该列的宽度和列名称。

上述代码基于Ext 4.07自带的例子F:\ext-4.0.7-gpl\examples\grid\property.js

修改后效果如下：