我想在表格中加入按钮,然后点击按钮 弹出窗体 这个窗体里有一个表格
这是我的代码 求大神帮我看一下 应该改哪里
Ext.onReady(function() {
var cm1 = new Ext.grid.ColumnModel([{
header : '编号',
dataIndex : 'id',
sortable : true
}, {
header : '名称',
dataIndex : 'name'
}, {
header : '描述',
dataIndex : 'descn'
}]);
var data1 = [['1', '啊', 'descn1'], ['2', '啵', 'descn2'],
['3', '呲', 'descn3'], ['4', '嘚', 'descn4'],
['5', '咯', 'descn5']];
var store1 = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data1),
reader : new Ext.data.ArrayReader({}, [{
name : 'id'
}, {
name : 'name'
}, {
name : 'descn'
}]),
sortInfo : {
field : "name",
direction : "ASC"
}
});
store1.load();
var grid1 = new Ext.grid.GridPanel({
store : store1,
stripeRows : true,
cm : cm1,
autoWidth : true,
autoHeight : true,
viewConfig : {
forceFit : true
}
});
var win = new Ext.Window({
layout : 'fit',
width : 500,
height : 300,
closeAction : 'hide',
items : [grid1],
buttons : [{
text : '按钮'
}]
});
function showAdd() {
win.show();
};
function renderDescn(showAdd) {
var str = "<input type='button' value='查看详细信息' onclick='showAdd()'>";
return str;
}
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
{
header : '编号',
dataIndex : 'id',
sortable : true
}, {
header : '性别',
dataIndex : 'sex'
}, {
header : '名称',
dataIndex : 'name'
}, {
header : '描述',
dataIndex : 'descn',
renderer : renderDescn
}
]);
var data = [['1', 'male', 'name1', 'descn1'],
['2', 'female', 'name2', 'descn2'],
['3', 'male', 'name3', 'descn3'],
['4', 'female', 'name4', 'descn4'],
['5', 'male', 'name5', 'descn5']];
var store = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data),
reader : new Ext.data.ArrayReader({}, [{
name : 'id'
}, {
name : 'sex'
}, {
name : 'name'
}, {
name : 'descn'
}
]),
sortInfo : {
field : "name",
direction : "ASC"
}
});
store.load();
var grid = new Ext.grid.GridPanel({
renderTo : 'grid',
store : store,
stripeRows : true,
cm : cm,
sm : sm,
autoWidth : true,
autoHeight : true,
viewConfig : {
forceFit : true
}
});
Ext.get('remove').on('click', function() {
store.remove(store.getAt(1));
grid.view.refresh();
});
});