Question

我有一个以json格式返回数据的EXtJS Web应用程序。结果显示在ExtJS Grid中，并由pagingToolbar处理。我正在使用slidingPager插件来选择页面。当用户选择带滑块的页面时，我需要的是向页面编号显示该页面的第一个结果的标题。

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

我不知道的是我如何访问和处理这个新属性，所以我可以抓住第10页json数据中header属性的第10项。

提前致谢安德烈亚斯

Answer 1

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

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

您可以像yourGridObject.getStore().reader.jsonData

一样访问它

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"]
}

假设pagesize为50，那么我发送两个标题。

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

2 个答案: