SENCHA TOUCH动态休息Api

Question

我可以发送参数给RestApi网络服务。但我无法动态发送参数。 我需要一个文本框和按钮。

这里是我的app.js

Ext.application({ 
    name: 'Hello', 
    models: [ 'GreetingModel' ], 
    stores: [ 'GreetingStore' ], 
    views: [ 'GreetingView' ], 
    launch: function() { 

     var view = Ext.create('Hello.view.GreetingView', {}); 

     Ext.create('Hello.store.GreetingStore', { 
      autoLoad: true, 
      listeners: { 
       load: function (self, records) { 
       view.setData(records[0].getData()); 

       } 
      } 
     }); 
    } 
}); 

Ext.Loader.setConfig({ disableCaching: false }); 

我的商店

Ext.define('Hello.store.GreetingStore', { 
    extend: 'Ext.data.Store', 
    config: { 
     model: 'Hello.model.GreetingModel', 
     proxy: { 
      type: 'rest', 
      contentType: "application/json", 
      dataType: 'jsonp', 
      url: 'http://localhost:14551/senchaRegister.svc/request' 
     }, 

     listeners: { 
      beforeload: function() { 
       var name = 'Sedat'; 
       this.getProxy().setExtraParam('name', name); 
      } 
     } 
    } 
}); 

我的模型

Ext.define('Hello.model.GreetingModel', { 
    extend: 'Ext.data.Model', 
    config: { 
    fields: ['JSONDataResult'] 
    } 
}); 

，并查看

Ext.define('Hello.view.GreetingView', { 
extend: 'Ext.Panel', 
config: { 
    fullscreen: true, 
    tpl: '<p>Sonuç: {JSONDataResult}</p>', 

    items:[ 

    { 
     xtype: 'textfield', 
     label:'Name', 
     id:'username' 
    }, 

    { 
     xtype: 'button', 
     name:'send' 
     handler: function(){ 

      /* Stuffs*/ 
     } 
    } 
    ] 


} 

}）;

我需要任何建议。

Answer 1

我认为您在Store申明中缺少extraParams。请使用如下所示的参数。

Ext.define('Hello.store.GreetingStore', { 
    extend: 'Ext.data.Store', 
    config: { 
     model: 'Hello.model.GreetingModel', 
     proxy: { 
      type: 'rest', 
      contentType: "application/json", 
      dataType: 'jsonp', 
      extraParams: { 
       param: 'data' 
      }, 
      url: 'http://localhost:14551/senchaRegister.svc/request' 
     }, 

     listeners: { 
      beforeload: function() { 
       var name = Ext.getCmp('your_text_field_id').getValue(); 
       this.getProxy().getExtraParam().param = name; 
      } 
     } 
    } 
}); 

在view.js，更新处理像下面你需要加载店，在点击按钮的功能。

handler: function(){ 
     var name = Ext.getCmp('your_text_field_id').getValue(); 
     Ext.getStore('GreetingStore').getProxy().param = name; 
     Ext.getStore('GreetingStore').load(); 
}