Extjs当中Ext.grid.Panel的Column当中的操作列xtype: actioncolumn能否在不同的行显示出不同的icon图标
{xtype:'actioncolumn',width:120,align:'center',text:'编辑操作',items:[{icon:'http://dev.s...
{xtype:'actioncolumn', width:120, align:'center',
text: '编辑操作',
items: [{
icon: 'http://dev.sencha.com/ext/5.0.1/examples/shared/icons/fam/user_edit.png',
......}]}
比如根据行记录的字段内容的不同显示相应不同的操作图标,或者能够根据行rowIndex的不同显示不同图标呢 展开
text: '编辑操作',
items: [{
icon: 'http://dev.sencha.com/ext/5.0.1/examples/shared/icons/fam/user_edit.png',
......}]}
比如根据行记录的字段内容的不同显示相应不同的操作图标,或者能够根据行rowIndex的不同显示不同图标呢 展开
2个回答
展开全部
{
xtype:'actioncolumn',
width:50,
text:'性别',
id:'actionView',
align:'center',
items: [{
getClass: function(v, metaData, record) { // Or return a class from a function
if(record.get('sex')===1) {
metaData.tdAttr = 'data-qtip="男"';
return 'male';
} else {
metaData.tdAttr = 'data-qtip="女"';
return 'female';
}
},
handler: function(grid, rowIndex, colIndex) {//add on 2014-1-23
var rec = grid.getStore().getAt(rowIndex);
var cmps = Ext.ComponentQuery.query("*[name=btnQry]");
debugger;
//alert(cmps);
/*this.fireEvent('actionViewUser', {
record: rec
}); */
}
}]
}
可以参考一下
展开全部
可以利用 function()来实现。
renderer:function (value, row, column, rowIndex, data, table) {
//value: 单元格值。对应row[dataIndex]
//row: 行对象。是data对象的一个元素
//column: 列对象。就是具有"header、headerAlign、dataIndex..."的列对象。
//rowIndex: 行索引号
//data: 表格的数据对象
//table: 表格对象
if(value='xxx'){ //也可以通过其他的参数进行判断
return '<img title=\'XX1\' src=\'../../Image/page_word.png\' onclick=""; style=\'cursor:pointer;\' />';
}
else{
return '<img title=\'XX2\' src=\'../../Image/page_word.png\' onclick=""; style=\'cursor:pointer;\' />';
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询