extjs 表格中加按钮
 

 效果
   效果
varlook;//表格中按钮的函数声明(应放在Ext.onReady语句外)
Ext.onReady(function(){
var storeUserLv = new Ext.data.SimpleStore({
proxy : new Ext.data.HttpProxy({url:'xml_grid_json.php?mode=userlv'}),
fields : [
{name : 'id',mapping : 'id'},
{name : 'lv',mapping : 'lv'},
{name : 'money',mapping : 'money'},
{name : 'needExp',mapping : 'needExp'},
{name : 'grade',mapping : 'grade'},
{name : 'friendCount',mapping : 'friendCount'},
{name : 'friendLv',mapping : 'friendLv'},
{name : 'maxCommit',mapping : 'maxCommit'},
{name : 'maxHeroCount',mapping : 'maxHeroCount'}
]
});
var gridUserLv = new Ext.grid.EditorGridPanel({
renderTo: "tab1",//这里指定渲染到层的id
height:590,
autoWidth:true,
columns:[{
header: "id",dataIndex: "id",width: 100
}, {
header: "lv",dataIndex: "lv",width: 100
}, {
header: "money",dataIndex: "money",width: 100
}, {
header: "needExp",dataIndex: "needExp",width: 100
}, {
header: "grade",dataIndex: "grade",width: 100
}, {
header: "friendCount",dataIndex: "friendCount",width: 100
}, {
header: "friendLv",dataIndex: "friendLv",width: 100
}, {
header: "maxCommit",dataIndex: "maxCommit",width: 100
}, {
header: "maxHeroCount",dataIndex: "maxHeroCount",editor:new Ext.form.TextField(),width: 100
},{
header: "操作", dataIndex: 'Gender',
renderer: function() { //此处为主要代码
var str = "<input type='button' value='查看' onclick='look()'>";
return str;
}
}],
loadMask: true,
ds: storeUserLv,
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
clicksToEdit: 2,
});
//处理函数可在此处定义
look = function(){
var sm = gridUserLv.getSelectionModel();
var sel = sm.getSelected();
alert(sel.get('id'));
}
 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号