Extjs MVC模式下传递参数 动态插入Item

项目中遇到一个参数传递的问题，一直没有办法解决，最近终于解决了，现分享给大家

view层：

Ext.define('app.view.Empma', {      extend: 'Ext.panel.Panel',      alias: 'widget.xEmpma',      title: '测试',      iconCls: 'icon-empma',      forceFit: true,      id:'empma',      tbar: [{          iconCls: 'icon-folderinput',          text: '获取信息',          action: 'getMssages'      }],        items:[//item动态插入    ],            store: 'Empma'        });

controller层：

Ext.define('app.controller.Empma', {      extend: 'Ext.app.Controller',        refs: [{          ref: 'Empma',          selector: 'xEmpma'      }],        models: ['Empma'],      stores: ['Empma'],        init: function() {          this.control({              'xEmpma button': {                  accept: this.onEmpAccept              },  //传递参数类型              'xEmpma button[action=rejected]': {                  click: this.onEmpRejected              },  //不传递参数类型              'xEmpma button[action=getMssages]': {                  click: this.onEmpGetMssages              }          });      },          onEmpGetMssages:function(){          fc = Ext.getCmp('empma');          fc.removeAll();  //移除fc中的内容，为添加item做准备          Ext.Ajax.request({              url:'./data/empma.txt',              success:function(response,options){                  var tStrr = response.responseText;                  var tStrrjson=eval("("+tStrr+")");                                    var tStrrjsonErcode = tStrrjson["AuthId"];                  var DestPlatforms = tStrrjson["DestPlatform"];                  var SrcPlatform = tStrrjson["SrcPlatform"];                                    for(var i=0;i < DestPlatforms.length;i++){                      var items = {                          xtype :'form',                          frame : false,                           border : 0,                          method : 'POST',                          layout : 'column',                          items :　[{                              id :'address_to'+i,                              name :'address_to'+i,                              xtype: 'component',                              margin : 15,                              columnWidth:.3,                              html: '源ID：'+SrcPlatform.Id                          },{                              id :'address_from'+i,                              name :'address_from'+i,                              xtype: 'component',                              margin : 15,                              columnWidth:.3,                              html: '目的ID：'+DestPlatforms[0].Id                          },{                              id :'address_interval'+i,                              name :'address_interval'+i,                              xtype: 'component',                              margin : 15,                              columnWidth:.24,                              html: '时长：'+DestPlatforms[0].TermValidity                          },{                              id :'address_accept'+i,                              xtype: 'button',                               name:'address_accept'+i,                              text: ' 同 意 ',                               margin : 15,                              columnWidth:.08,                              //action:'accept',                              handler: function (test) {                                    this.fireEvent('accept', test);                                }                          },{                              id :'address_rejected'+i,                              xtype: 'button',                               name :"address_rejected"+i,                              text: ' 拒 绝 ',                               columnWidth:.08,                              margin : 15,                              action:'rejected'                          }]                      //生成item                      };                      fc.add(items);                      fc.doLayout();                  };                        },              failure:function(){                  alert("failure");              }          });      },      onEmpAccept: function(test) {          alert(test.id);      }     });  

案例中用到的json：

{      "AuthId": "666",      "SrcPlatform": {          "Id": "s",          "name": "b"      },      "totalCount":3,      "DestPlatform": [          {              "Id": "1",              "Name": "d1",              "TermValidity": "25"          },          {              "Id": "2",              "Name": "d2",              "TermValidity": "36"          },          {              "Id": "3",              "Name": "d3",              "TermValidity": "123"          }      ]  }  

以上就是在Extjs中使用MVC模式传递参数和不传递参数的写法。
如有疑惑，欢迎留言。

感谢阅读，感谢订阅。