Extjs4 的grid的column aciton 中items的icon根据数据变换,如何实现?
{header:'事项',dataIndex:'eventid',xtype:'actioncolumn',items:[{icon:"./resource/image/...
{header : '事项',
dataIndex : 'eventid',
xtype:'actioncolumn',
items:[{
icon: "./resource/image/xxx.png",
tooltip: '设置',
handler: function(grid, rowIndex, colIndex) {}
}]
}
在grid panel的动作列中,items中的图标能够根据每一行的数据不同进行自动配置? 展开
dataIndex : 'eventid',
xtype:'actioncolumn',
items:[{
icon: "./resource/image/xxx.png",
tooltip: '设置',
handler: function(grid, rowIndex, colIndex) {}
}]
}
在grid panel的动作列中,items中的图标能够根据每一行的数据不同进行自动配置? 展开
展开全部
抠门,一分悬赏都没有!
columnModel的配置:
{
header:"图标样式",
align:"center",
renderer:modelManager_iconFun,
dataIndex:'icon_cls'
},
function modelManager_iconFun(value) {//图标样式
return "<span class="+value+" style='width:16px'></span>"+value;
}
css的内容
.preview {
background-image: url(../images/preview.png) !important;
}
.message {
background-image: url(../images/message.png) !important;
}
数据库里存的value 就是‘preview’或者‘message’
columnModel的配置:
{
header:"图标样式",
align:"center",
renderer:modelManager_iconFun,
dataIndex:'icon_cls'
},
function modelManager_iconFun(value) {//图标样式
return "<span class="+value+" style='width:16px'></span>"+value;
}
css的内容
.preview {
background-image: url(../images/preview.png) !important;
}
.message {
background-image: url(../images/message.png) !important;
}
数据库里存的value 就是‘preview’或者‘message’
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
ZESTRON
2024-09-04 广告
2024-09-04 广告
在Dr. O.K. Wack Chemie GmbH,我们高度重视ZESTRON的表界面分析技术。该技术通过深入研究材料表面与界面的性质,为提升产品质量与可靠性提供了有力支持。ZESTRON的表界面分析不仅涵盖了相变化、化学反应、吸附与解吸...
点击进入详情页
本回答由ZESTRON提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询