extjs4.1 一个actioncolumn多个item 在mvc controller中分开控制。

来源：互联网发布：tomcat的默认端口编辑：程序博客网时间：2024/06/05 04:10

view页面代码：

    columns : [{header:'公告id',dataIndex :'id',width:150,align: 'center'},               {header:'公告标题',dataIndex :'title',width:150,align: 'center',editor:{xtype:'textfield',allowBlank:true}},               {header:'公告内容',dataIndex :'content',width:150,align: 'center',editor:{xtype:'textfield',allowBlank:true}},               {header:'创建时间',dataIndex :'created',width:150,align: 'center',editor:{xtype:'datefield',allowBlank:true}},               {header:'创建人',dataIndex :'create_man',width:150,align: 'center',editor:{xtype:'textfield',allowBlank:true}},               {                 header:'操作',               align: 'center',                   xtype:'actioncolumn',                   id:'announcementGridActionEdit',                   width:70,                   items: [{                   iconCls : 'icon-edit',                       tooltip: '编辑公告',                       handler: function(grid, rowIndex, colIndex, item) {                           var rec = grid.getStore().getAt(rowIndex);                           this.fireEvent('editclick', {                               record: rec                           });                       }                   },{                   iconCls : '',                       tooltip: '',                                      },{                   iconCls : 'icon-checkininfo',                       tooltip: '查看公告',                       handler: function(grid, rowIndex, colIndex, item) {                           var rec = grid.getStore().getAt(rowIndex);                           this.fireEvent('showclick', {                               record: rec                           });                       }                  }]               }              ],

controller层中代码：

/** * The com.sharera.merchant.AnnouncementInfo controller definition */Ext.define('Sharera.controller.merchant.AnnouncementInfo', {    extend: 'Ext.app.Controller',models: ['merchant.AnnouncementInfo'],    stores: ['merchant.AnnouncementInfo'],    views:  [        'merchant.AnnouncementInfo.Grid',        'merchant.AnnouncementInfo.newForm',        'merchant.AnnouncementInfo.editForm',        'merchant.AnnouncementInfo.showForm'    ],    init:function(){         this.control({

               'actioncolumn#announcementGridActionEdit': {            showclick: function(record){              var editForm=Ext.widget('announcementshowform',{title:"展示用户信息"});                      var formObj=editForm.down('form').getForm();                      var id=record.record.data.id                      formObj.findField("id").setValue(id);                      formObj.getRecord(record);                      var b=editForm.down("button[text=保存] ");                      b.on("click", function(){                      if (formObj.isValid()) {                      formObj.submit({  waitTitle : '发送数据',  waitMsg : '正在保存...',  timeout : 2000,            success : function(form, action) {  },  failure : function(form, action) {  Ext.getCmp('systemtab-statusbar').setText('id为'+id+'的公告信息展示成功');  }      });                      editForm.close();  }                      }, this);                                 } ,                  editclick: function(record){                  var editForm=Ext.widget('announcementeditform',{title:"编辑用户信息"});                      var formObj=editForm.down('form').getForm();                      var id=record.record.data.id                      formObj.findField("id").setValue(id);                      formObj.getRecord(record);                      var b=editForm.down("button[text=保存] ");                      b.on("click", function(){                      if (formObj.isValid()) {                      formObj.submit({  waitTitle : '发送数据',  waitMsg : '正在保存...',  timeout : 2000,            success : function(form, action) {  },  failure : function(form, action) {  Ext.getCmp('systemtab-statusbar').setText('id为'+id+'的公告信息修改成功');  }      });                      editForm.close();  }                      }, this);                                }                          },"panel[xtype=announcementinfo.grid] button[ref=add]":{click:function(addButton){                var editForm=Ext.widget('announcementnewform',{title:"新建公告"});                  var formObj=editForm.down('form').getForm();                  var b=editForm.down("button[text=保存] ");                  b.on("click", function(){                  if (formObj.isValid()) {                  formObj.submit({waitTitle : '发送数据',waitMsg : '正在保存...',timeout : 2000,          success : function(form, action) {},failure : function(form, action) {Ext.getCmp('systemtab-statusbar').setText('公告新建成功');}    });                      editForm.close();}                  }, this);}}       });   }});