点击grid单元格弹出新窗口

时间:2023-03-09 06:54:56
点击grid单元格弹出新窗口

实现功能:点击指定单元格后会弹出新窗口,并且最后一行合计不会触发单元格触发函数

     <script type="text/javascript">
grid.on('cellclick',function(grid, rowIndex, columnIndex, e){
var selections = grid.getSelectionModel().getSelections();//获取行
var record = grid.getStore().getAt(rowIndex); //Get the Record
var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //获取字段名称
var nbbm = record.get("Id");//获取字段id的值
if(rowIndex < selections.length){//当前行数不是最后一行时
if(fieldName=='m'){//当字段名为m的单元格点击触发
var newStore = new Ext.data.Store({
autoLoad :{params : {start:0,limit :10,id:id}},
reader: new Ext.data.JsonReader(
{
totalProperty: "total",
root: "data"
},
Ext.data.Record.create([
{name:"id"},
{name:"num"},
{name:"mxbm"},
{name:"time"}])),
proxy : new Ext.data.HttpProxy({
url:"/servlet?action=m&id="+id
})
});
var newGrid=new Ext.grid.GridPanel({
viewConfig:{forceFit:true,autoScroll:true},
store:newStore,
height:300,
bodyStyle:'width:100%',
layout:"table",
border:"1",
columns:[
{header:"ID", dataIndex:"cashNBBM",hidden:true},
{header:"序号",dataIndex:"num"},
{header:"编码",dataIndex:"mxbm"},
{header:"日期",dataIndex:"time"}],
bbar:new Ext.PagingToolbar({
emptyMsg:"没有数据",
displayInfo:true,
displayMsg:"目前显示第 {0} - {1} 条,共 {2} 条",
store:newStore,
pageSize:10,
refreshText:"刷新列表"
})
});
var newWin = new Ext.Window({
title:"新窗口",
//el:'window-win',
layout:'fit',
width:800,
height:400,
items: [newGrid]
});
newWin.show();
}
}
}
</script>

点击单元格触发