Сенча Touch: Как я могу передать данные с целью контроллера и контроллера к следующему виду

Question

Я хочу передать идентификатор из TabView (myView1) в контроллер (theController), то после того, что я хочу, Класс контроллера для передачи данных другому TabView (myView2) на той же панели. У любого есть идея, как я могу это сделать?

Answer 1

Вы можете сделать как этот

в контроллере:

config:{ 
refs:{ 
    myView1: "myView1Ref", 
    myView2: "myView2Ref" 
}, 
controls:{ 
    myView1:{ 
     idgiven: "onIdGiven" 
    } 
} 
}, 
onIdGiven: function(id){ 
    this.getMyView2().setData(yourData); 
} 

в MyView1, когда вы хотите дать идентификатор, вобще

this.fireEvent(yourId); 

Answer 2

Ext.define('myapp.controller.theController', { 

extend: 'Ext.app.Controller', 
config: { 
    refs: { 
     views: [ 
      'myapp.view.myView1', 
      'myapp.view.myView2', 
     ], 
     refMyView1: 'myView1', 
     refMyView2: 'myView2', 
    }, 
    control: { 
     'button[action=submit]':{ // on tab of submit button 
      tap: 'submitTapHandler' 
     }, 
    }, 
    }, 

submitTapHandler: function(){ 
    var view1data = this.getRefMyView1().getValues(); // view1data contain all field data of view1 in record form 

    //controller to view pass data 
    var myView2 = Ext.create('myapp.view.myView2'); 
    // create a record that key value have name of fields and value to pass to that field 
    var record; 
    // set record key value 
    myView2.setRecord(record); 
} 

}) 

Answer 3

Это мой Tab Panel Вид класса (MyTabPanel)

Ext.define('MyApp.view.MyTabPanel', { 
extend: 'Ext.tab.Panel', 

config: { 
    items: [ 
     { 
      xtype: 'container', 
      title: 'Tab 1', 
      id: 'tab1', 
      items: [ 
       { 
        xtype: 'textfield', 
        label: 'User' 
       }, 
       { 
        xtype: 'container', 
        height: 46, 
        margin: '5px', 
        items: [ 
         { 
          xtype: 'button', 
          ui: 'action', 
          width: 173, 
          text: 'Send Data' 
         } 
        ] 
       } 
      ] 
     }, 
     { 
      xtype: 'container', 
      title: 'Tab 2', 
      id: 'tab2', 
      tpl: [ 
       '{id}' 
      ] 
     }, 
     { 
      xtype: 'container', 
      title: 'Tab 3', 
      id: 'tab3' 
     } 
    ] 
} 

});

Answer 4

Это мой контроллер:

Ext.define('MyApp.controller.MyController', { 
extend: 'Ext.app.Controller', 

config: { 
    refs: { 
     Tab1: '#tab1', 
     Tab2: '#tab2', 
     Tab3: '#tab3' 
    }, 

    control: { 
     "Tab2": { 
      activate: 'onTabpanelActivate1' 
     } 
    } 
}, 

onTabpanelActivate1: function(newActiveItem, container, oldActiveItem, eOpts) { 
    var Rec = [{id:1}]; // this should come from my #tab1 tab and set to #tab2 tab 
    this.getTab2().setRecord(Rec); // So this is the problem I am facing 
} 

});