ExtJS 4.0.2a ActionColumn的施用
日期：2014-05-16 浏览次数：20342 次
ExtJS 4.0.2a ActionColumn的使用
ActionColumn是有问题的（不敢说是BUG），text属性不起作用、iconCls不知所云，但是非要使用怎么办？下面是我做的一个例子可以看看用变态的方法解决它：
其中ms.gif是一个16*16的透明gif图像.....至此解决问题。。。。
其它更详细的可以参考它的API文档。
谢谢指点
ActionColumn是有问题的（不敢说是BUG），text属性不起作用、iconCls不知所云，但是非要使用怎么办？下面是我做的一个例子可以看看用变态的方法解决它：
xtype : "actioncolumn",
html:'<div class="x-column-header-inner" id="ext-gen1293" style="padding-top: 0px; height: auto; "><span class="x-column-header-text" id="ext-gen1295">帐号状态</span><div class="x-column-header-trigger" id="ext-gen1294"></div></div>',
sortable : false,
dataIndex : "enabled",
items: [{
icon:"js/extjs/resources/icons/ms.gif",
tooltip: '改变帐号状态',
getClass:function(v,m,r,rIndex,cIndex,store){
if (r.get('enabled')){
return 'unlock';
}else{
return 'lock'
}
},
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
rec.set("enabled",!rec.get("enabled"));
rec.commit();
}
}]
其中ms.gif是一个16*16的透明gif图像.....至此解决问题。。。。
其它更详细的可以参考它的API文档。
1 楼
zhouzhiyong
2011-11-24
header: 'Options', 这个就好了 你多虑了
2 楼
zp840566233
2011-12-05
text不起作用 可用 header ，iconCls不知所云 需要把图片样式设置宽高！如：
.icon-class {
height: 16px;
width: 16px;
background-image: url(../images/button/class.gif) !important;
}
.icon-class {
height: 16px;
width: 16px;
background-image: url(../images/button/class.gif) !important;
}
3 楼
andy_ghg
2011-12-05
zp840566233 写道
text不起作用 可用 header ，iconCls不知所云 需要把图片样式设置宽高！如：
.icon-class {
height: 16px;
width: 16px;
background-image: url(../images/button/class.gif) !important;
}
.icon-class {
height: 16px;
width: 16px;
background-image: url(../images/button/class.gif) !important;
}
谢谢指点
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
