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'));
}



posted @ 2011-12-08 11:41  无心花  阅读(1506)  评论(0)    收藏  举报