Ext.JsonStore 访问服务器以 json 形式返回的自定义属性

Question

我有一个 EXtJS Web 应用程序，它以 json 格式返回数据。结果在 ExtJS Grid 中分页显示，并由 pagingToolbar 处理。我正在使用 sliderPager 插件来选择页面。当用户使用滑块选择页面时，我需要的是除了页码之外还显示该页面第一个结果的标题。

因此，在杰森数据中，服务器另外返回计数和记录数据等。我添加了一个名为 headers 的属性，它实际上是每个页面第一个结果的标题数组。

我不知道如何访问和处理这个新属性，以便我可以抓取 json 数据中标题属性的第 10 页、第 10 项。

提前致谢 安德烈亚斯

Answer 1

JsonReader 有一个名为 jsonData 的属性，它是响应中返回的原始 JSON：

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

您可以像 yourGridObject.getStore().reader 一样访问它。 json数据

Answer 2

谢谢！它起作用了。我得到了 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"]
}

假设页面大小为 50，所以我发送两个标头。