2

json形式でデータを返すEXtJSWebアプリケーションがあります。結果はExtJSグリッドにページ表示され、pagingToolbarによって処理されます。私はslidingPagerプラグインを使用してページを選択しています。ユーザーがスライダーでページを選択するときに必要なのは、ページ番号にそのページの最初の結果のタイトルを追加で表示することです。

したがって、jasonデータでは、サーバーはデータなどをカウントして記録するために追加で返します。実際には、各ページの最初の結果のタイトルの配列であるヘッダーと呼ばれるプロパティを追加しています。

私が知らないのは、この新しいプロパティにアクセスして処理する方法です。これにより、たとえば10ページ目でjsonデータのヘッダープロパティの10番目のアイテムを取得できます。

よろしくお願いしますアンドレアス

4

2 に答える 2

6

jsonData と呼ばれる JsonReader のプロパティがあり、これは応答で返される生の JSON です。

http://dev.sencha.com/deploy/dev/docs/?class=Ext.data.JsonReader

のようにアクセスできます。yourGridObject.getStore().reader.jsonData

于 2011-03-11T14:20:47.923 に答える
0

ありがとう！出来た。Ext.ux.SlidingPager のソースを入手し、これに変更しました 

Ext.ux.SlidingPagerWithHeaders = Ext.extend(Object, {

    init : function(pbar){
        var idx = pbar.items.indexOf(pbar.inputItem);
        Ext.each(pbar.items.getRange(idx - 2, idx + 2), function(c){
            c.hide();
        });
        var slider = new Ext.Slider({
            width: 114,
            minValue: 1,
            maxValue: 1,
            plugins: new Ext.slider.Tip({
                getText : function(thumb) {
                    var header = pbar.store.reader.jsonData.headers[thumb.value-1];
                    return String.format('Page <b>{0}</b> of <b>{1}</b><br><br>', thumb.value, thumb.slider.maxValue)+header;
                }
            }),
            listeners: {
                changecomplete: function(s, v){
                    pbar.changePage(v);
                }
            }
        });
        pbar.insert(idx + 1, slider);
        //pb.store.getHeaders = pb.store.createAccessor("headers");
        pbar.on({
            change: function(pb, data){
                slider.setMaxValue(data.pages);
                slider.setValue(data.activePage);
            }
        });
    }
});

このようなJsonデータを返しています

{ "count": 100,
  "records" : [{record 1 ...},{ record 2 ...}, ...],
  "headers" : ["Header1", "Header2"]
}

pagesize が 50 だとすると、2 つのヘッダーを送信します。

于 2011-03-14T10:05:24.270 に答える