0

以下のコードを使用します。グリッドが表示されます。内容は正しいのですが、ページャー セクションが変です。

  1. 「次へ」、「前へ」などのボタンは使用できません。4 つのレコードがあり、ページごとに 3 つのレコードを尋ねると、「Page 1 of 2」と表示されるはずです
  2. 「更新」ボタンを管理するにはどうすればよいですか。

ここに画像の説明を入力

ありがとう、

    $(document).ready(function () {

        Ext.define('User', {
            extend: 'Ext.data.Model',
            fields: [
            { name: 'FirstName', type: 'string' },
            { name: 'LastName', type: 'string' },
            { name: 'Email', type: 'string' }
        ]
        })

        var userStore = Ext.create('Ext.data.Store', {
            model: 'User',
            proxy: {
                type: 'ajax',
                url: '/Home/GetUsers',
                reader: {
                    type: 'json',
                    root: 'users'
                }
            },
            autoLoad: true
        });


        Ext.create('Ext.grid.Panel', {
            renderTo: 'testing',
            store: userStore,
            autoScroll: true,
            layout: 'fit',
            title: 'Users',
            width:450,
            columns: [{
                text: 'First Name',
                width: 225,
                sortable: true,
                dataIndex: 'FirstName',
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            },
            {
                text: 'Last Name',
                width: 225,
                sortable: true,
                dataIndex: 'LastName',
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            }],
            bbar : Ext.create('Ext.toolbar.Paging', {
                store: userStore,
                pageSize: 3,
                displayInfo: true,
                displayMsg: 'Displaying topics {0} - {1} of {2}',
                emptyMsg: "No topics to display"
            })

        });

    });

Update1 :

{"total":2,"success":true,"data":[{"Id":1,"FirstName":"AA","LastName":"BB"},{"Id":2,"FirstName":"CC","LastName":"DD"},{},{}]}

「Page x of 2」がまだ表示されない

4

1 に答える 1

0

http://jsfiddle.net/AnYeq/1/現在のページ テキストに問題はありません。「合計」プロパティのないテストjsonデータでも。更新ボタンの制御はそれほど明白ではありません。Ext.toolbar.Paging を拡張して、そのプライベート メソッドgetPagingItemsをオーバーライドすることができます。

于 2012-05-10T13:16:15.573 に答える