版本: Ext.js 3.4
效果图:
代码如下:
var q_GPanel_to_call_list = new Ext.grid.EditorGridPanel({
store : q_dstore_todo, // TODO: 你自己的store
width : '100%',
height : 260,
clicksToEdit: 1, // 设置点击一次修改
stripeRows : true,
frame: true, // 有边框
//autoHeight : true,
autoFill:true,
autoScroll:true,
//下方的工具栏
bbar : new Ext.PagingToolbar({
store : q_dstore_todo,// TODO: 你自己的store
pageSize : 10,
displayInfo : true,
displayMsg : '待处理 {0} - {1} of {2}',// 右下角显示第几个
emptyMsg : ' TODO 你自己的信息',
listeners : {
"beforechange" : function(toolbar, page) {
q_dstore_todo.reload({
params : {
cmd : 'q_dstore_todoReload'// TODO: 你自己的 reload 功能
},
callback : function() {
if (q_dstore_todo.getCount() > 0) {
document.getElementById('q_dstore_todo_get_infos').innerHTML = '<font color="red">查询成功!</font>';
} else {
document.getElementById('q_dstore_todo_get_infos').innerHTML = '<font color="red">无待处理账号!</font>';
}
}
});
}
}
}),
columns : [ // 此处为了简短删除了大部分columns
{
id : 'q_dstore_todo',
header : '号码/账号',
sortable : true,
renderer : ifNull,
width : 80,
dataIndex : 'q_dstore_todo_fields1' //dataIndex 要在 q_dstore_todo 的fields中 相同才能绑定
},{
id : 'q_gp_to_verify_remark',
xtype: 'actioncolumn',
header : '验证备注',
sortable : true,
editor : new Ext.form.TextField(),
renderer : ifNull,
width : 120,
dataIndex : 'q_dstore_todo_fields1'
},
// 按钮的实现 !!!!!! 重点!!!!!!!记得看最后的备注 !!!
// 修改图片路径后可直接复制粘贴使用
{
xtype:'actioncolumn',
width:50,
header : '合规',
items: [{
icon: 'images/icons/yes_right_16px.png', // TODO: 你自己的图片, 注意目前必须加图片,用图片代替按钮
tooltip: ' 合规 ',
// TODO :你自己的功能
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("合规 " + rec.get('accs_nbr'));
}
}]},
//也可以把下面不合规的 items中的 {...} 元素,放到上面,这样会出现在一个column中
{
xtype:'actioncolumn',
width:50,
header : '不合规',
items: [
{
icon: 'images/icons/wrong_15px.png',
tooltip: '不合规 ',
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("不合规 " + rec.get('accs_nbr'));
}
}]}
]
});
注 :
- 要自己修改的内容, 我都用 todo 标注了。
- 想要直接复制粘贴使用的话,需要手动修改两个图片的路径. 然后就可以自己修改function的内容了
- 帮到你的话,点个免费的赞吧 。