extjs 4 如何反转 json 的输出?

Posted

技术标签:

【中文标题】extjs 4 如何反转 json 的输出?【英文标题】:extjs 4 how to reverse the output from json? 【发布时间】:2011-07-07 10:12:43 【问题描述】:

我正在使用 couchdb 作为数据库.. 我需要在分页网格中显示数据.. 我可以处理next page 进程...但我对如何处理previous page 感到困惑

经过努力,...我可以像这样显示以前的 json :

http://localhost/myapp/_view/getAll?limit=2&startkey=10&skip=1&descending=true 和回应:


    total_rows: 21,
    offset: 12,
    rows: [
        id: "fd899e87f9f682a4df71d9e2a9010b26",
        key: 9,
        value: 
            _id: "fd899e87f9f682a4df71d9e2a9010b26",
            _rev: "1-ce4ed0e621ae53996f323a8927bcf470",
            $type: "siswa",
            Nama: "test9",
            Agama: "Islam",
            Hobi: ["Membaca","Menulis"]
        
     , 
        id: "fd899e87f9f682a4df71d9e2a9010622",
        key: 8,
        value: 
            _id: "fd899e87f9f682a4df71d9e2a9010622",
            _rev: "1-45c71654623d385bd95f6970c72dce50",
            $type: "siswa",
            Nama: "test8",
            Agama: "Islam",
            Hobi: ["Membaca","Menulis"]
        
    ]

显示的数据是反向格式。 如您所见,响应 json 以键 9 开头,然后是 8.. 所以,解决方案是在 extjs / UI 中反向返回..

如何在 extjs 4 中反转存储中的数据? 在 ext 3 中,我这样做:this.store.reader.reversed = true; 然后重新加载商店..

【问题讨论】:

为什么不使用db order by 可以通过 [this]docs.sencha.com/ext-js/4-0/#/api/Ext.data.Store 为您提供帮助 afaik,.. 在 couchdb (view) wiki.apache.org/couchdb/HTTP_view_API 中没有 order by ...我正在使用 NoSQL 数据库.. 这意味着没有查询 我认为它应该在 json 阅读器中,而不是自己存储 设置商店的排序器:[property : 'key',direction: 'ASC'] 【参考方案1】:

您可以像这样对存储进行排序:

Ext.create('Ext.data.Store', 
        sorters: [
        
            property : 'key',
            direction: 'ASC'
        
        // ...

或致电store.sort('key', 'ASC');

【讨论】:

感谢您的回复...但它仍然无法正常工作...我猜这是一个错误.. 你在 json 阅读器中设置了root: 'rows' 吗? 啊,......对不起......这是我的错,......问题不在于分拣机,......但remoteSort和服务器端。 url 保持附加排序变量。即使我将 remoteSort 设置为 false(手动).. 但谢谢... 我会标记你的答案,因为这正是排序的方式..

以上是关于extjs 4 如何反转 json 的输出?的主要内容,如果未能解决你的问题,请参考以下文章

LeetCode 4.反转整数

反转一个3位整数(Python 实现)

如何为加入或反转相反的输出做相反的键

如何在launch.json的Visual Studio Code中反转$ relativeFile中的反斜杠?

LeetCode206.反转链表

1025.反转链表