以下是原创作品,转载请标明出处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
修改后效果如下: