• 点击grid单元格弹出新窗口


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

     1     <script type="text/javascript">
     2         grid.on('cellclick',function(grid, rowIndex, columnIndex, e){
     3                 var selections = grid.getSelectionModel().getSelections();//获取行
     4                 var record = grid.getStore().getAt(rowIndex);  //Get the Record
     5                 var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //获取字段名称
     6                 var nbbm = record.get("Id");//获取字段id的值
     7                 if(rowIndex < selections.length){//当前行数不是最后一行时
     8                     if(fieldName=='m'){//当字段名为m的单元格点击触发
     9                         var newStore = new Ext.data.Store({
    10                                 autoLoad :{params : {start:0,limit :10,id:id}},
    11                                 reader: new Ext.data.JsonReader(
    12                                     {             
    13                                        totalProperty: "total",
    14                                        root: "data"
    15                                     },
    16                                     Ext.data.Record.create([
    17                                         {name:"id"},
    18                                         {name:"num"},
    19                                         {name:"mxbm"},
    20                                     {name:"time"}])),
    21                                 proxy : new Ext.data.HttpProxy({
    22                                        url:"/servlet?action=m&id="+id
    23                                 })
    24                         });
    25                         var newGrid=new Ext.grid.GridPanel({
    26                             viewConfig:{forceFit:true,autoScroll:true},
    27                             store:newStore,
    28                             height:300,
    29                             bodyStyle:'100%',
    30                             layout:"table",
    31                             border:"1",
    32                             columns:[
    33                                 {header:"ID", dataIndex:"cashNBBM",hidden:true}, 
    34                                 {header:"序号",dataIndex:"num"}, 
    35                                 {header:"编码",dataIndex:"mxbm"},
    36                                 {header:"日期",dataIndex:"time"}],
    37                             bbar:new Ext.PagingToolbar({
    38                                  emptyMsg:"没有数据",
    39                                  displayInfo:true,
    40                                  displayMsg:"目前显示第 {0} - {1} 条,共 {2} 条",
    41                                  store:newStore,
    42                                  pageSize:10,
    43                                  refreshText:"刷新列表"
    44                              })
    45                         });
    46                         var newWin = new Ext.Window({
    47                             title:"新窗口",
    48                             //el:'window-win',
    49                             layout:'fit',
    50                             800,
    51                             height:400,
    52                             items: [newGrid]
    53                         }); 
    54                         newWin.show(); 
    55                     }
    56                }
    57           }
    58     </script>
    点击单元格触发
  • 相关阅读:
    Intent跳转到系统应用中的拨号界面、联系人界面、短信界面及其他
    android intent 跳转
    Android Intent 使用整理
    Android实现界面跳转
    android获取手机信息大全
    Android中实现Gallery 点击放大
    Android之TextView 详细字典
    Android发展简介
    如何成为Android高手
    系统测试阶段:
  • 原文地址:https://www.cnblogs.com/zhutouying/p/3250207.html
Copyright © 2020-2023  润新知