0

Ext js を使用してグリッドを作成するのに問題があります。ストアとグリッドを実行したため、正常に動作しています。しかし、私の問題は、14000 のレコードがあり、グリッドに表示され、シングル ショットです。しかし、表示したいのは100 件のレコードと次の 100 件のレコードがページ表示のように表示されます。ページング ツールバーを使用しましたが、まだ取得できません。あなたのコードを投稿して、誰かが私を助けてください。前もって感謝します。[私の英語でごめんなさい]

function some function(url)
  {
Ext.define('some model', {
            extend: 'Ext.data.Model',
            fields: some fields
      });
var store = Ext.create('Ext.data.Store',{
        id:'store',
        model:'some model',
        remoteGroup:true,
        remoteSort:true,
        proxy: {
            type:'rest',
            url:url
        reader: {
            type: "json",
            root:"myroot",
            idProperty:'id'
        }
        },
        autoLoad:true
}); 
return store;
}


var store= some function(url);
var grid = Ext.create('Ext.grid.Panel', {
                        id:'Grid',
                        title:'__________',
                        store: store,
                        loadMask: true,
                        width:'100%',
                        autoHeight:true,
                        viewConfig: {
                            emptyText:'No Available'
                        },
                        frame:false,
                        columns:[
                        {
                        id: 'c',
                        header:'bla',
                        dataIndex:'12',
                        width:'35%',
                        sortable:true,
                        },
                        {
                        id: 's',
                        header:'bla',
                        dataIndex:'21212',
                        width:'65%',
                        sortable:true,
                        }
                        ],
                     bbar: new Ext.PagingToolbar({
                            store:store,
                            pageSize:10,
                            id:'paging',
                            displayInfo:true,
                            displayMsg:'Displaying  {0} - {1} of {2}',
                            emptyMsg: "No Available",
                            prependButtons:false

                        }),
                       });
4

2 に答える 2

0

グリッドは次のようになります 

Ext.define('Com.grid.myGrid',{
            extend:'Ext.grid.Panel',
            alias:'widget.myGridAlias',
            store:'myStore',
                initComponent:function()
                {
                     this.bbar = Ext.create('Ext.PagingToolbar', {
                             store : this.store,
                             displayInfo : true,
                             displayMsg : 'Records {0} - {1} of {2}',
                             emptyMsg : 'No files.' 
                     });
                }
});

そして、あなたのストアはこのようなものでなければなりません

Ext.define('Com.store.myStore',{
        extend:'Ext.data.Store',
        model : 'myModel',
        //autoLoad:true,
        pageSize: 100
});
于 2014-03-20T10:07:31.710 に答える
0

このタイプの例は Ext Js Sencha ドキュメントで既に言及されています。ここにリンクがあります

于 2014-03-20T10:05:54.217 に答える