3

私はEXTJS 4.2.1を使用しています。

これが私のデータストアです。

Ext.define("user",{
  extend:"Ext.data.Model",
  fields:[
    {name:'mobile',type:'string',sortable:true},
    {name:'name',type:'string',sortable:true},
    {name:'month',type:'string',sortable:true},
    {name:'city',type:'string',sortable:true},
    {name:'mail_number',type:'string',sortable:true}
  ]
});

var user = Ext.create("user",{});

var ds = Ext.create("Ext.data.Store",{
    model:'user',
    storeId:'s_user',
    pageSize: 20,
    proxy:{
      type:'ajax',
      timeout: 40000,
      url:'JSONServlet',
      reader:{
        type:'json',
        root:'rows'
      },
      writer:{
        type:'json'
      }
    },
    autoLoad:false
 });

dsそして、ロードする場所にいくつかのパラメーターを追加します。

  ds.load({
                params:{start:0, limit:20,     
                    'type': Ext.getCmp('type').value,  
                    'city': Ext.getCmp('city').value,  
                    'date': Ext.getCmp('date').value,
                    'date1': Ext.getCmp('date1').value
                }       
            })

pagingtoolbarグリッドの下部にを置きました。

  var grid = Ext.create("Ext.grid.Panel",{

      ...

      dockedItems :[{
          xtype:'pagingtoolbar',
          store:Ext.data.StoreManager.lookup('s_user'),
          dock:'bottom',
          displayInfo:true
      }],

      ...
      store : Ext.data.StoreManager.lookup('s_user')
  }

最初のページではすべて問題ありませんが、次のページをクリックすると、dsプラマがサーバーに送信されません POST。ソースを調べます。このようなコードを見つけます。

      case "next":  
                ds.load({params:{start: this.cursor+this.pageSize, limit: this.pageSize}});  
            break;

PAGE NEXT を思い通りに動作させる方法、誰かが私にヒントを与えてくれることを願っています。

4

2 に答える 2

3

すべてのリクエストに含まれるパラメータは、ストアのプロキシで設定する必要があります。どのプロキシを使用していますか? ajax プロキシには、プロパティ「extraParams」があります。試してみる。

proxy: {
    type: 'ajax',
    url: '...',
    extraParams: {type: '...',city: '...',date: '...',date1: '...'},
    ...
}
于 2014-02-12T14:09:26.903 に答える
3

すべてのリクエストにパラメーターを含める必要がある場合は、config.xml を使用してプロキシ構成でパラメーターを設定できますextraParams。

proxy:{
      // ...
      extraParams: {
          'type': Ext.getCmp('type').value,  
          'city': Ext.getCmp('city').value,  
          'date': Ext.getCmp('date').value,
          'date1': Ext.getCmp('date1').value
      }
      // ...
},

リクエスト間で追加パラメータの値を変更できる場合は、プロキシsetExtraParamメソッドによって store beforeload イベントのリスナーに設定できます。

ds.on('beforeload', function() {
   var proxy = ds.getProxy();
   proxy.setExtraParam('type', Ext.getCmp('type').value);
   proxy.setExtraParam('city', Ext.getCmp('city').value);
   proxy.setExtraParam('date', Ext.getCmp('date').value);
   proxy.setExtraParam('date1', Ext.getCmp('date1').value);
})
于 2014-02-12T14:09:48.670 に答える