Secha touch-使用大數據集的性能意見

Question

我目前正在開發sencha touch房地產應用，以列出房地產。 我們有一個約有500條記錄的數據集，需要根據一個（也許不止一個）屬性通過用戶輸入來過濾這些記錄的列表。 按確切屬性過濾列表，然后再次按用戶輸入過濾，按屬性分組列表

當前已實現列表分頁插件，並在每個請求中加載20條記錄。 但是我的客戶感覺就像是在一個請求中加載所有500條記錄並將這些數據緩存在本地存儲中。 僅當記錄有任何更改時，它才會刷新數據。

我的問題是在單個請求中加載500條記錄是否可行？ sencha touch可以在其商店中處理500條記錄嗎？ 這樣做是否有任何性能問題？

這是我的一個記錄json

 {
            "id": 0,
            "ReoAddress": "*testproperty,  N,  42342, 3423, thrissur, AR, 3423432",
            "ReoId": "407",
            "AgentAssigned": "1",
            "IsViewed": "1",
            "PPView": 2,
            "RecordCount": 368,
            "items": [
                {
                    "leaf": true,
                    "ReoId": "407",
                    "ReoImageUrl": "http://192.168.3.6:92/abraham/CRM_API/GetPropertyPhoto.ashx?ReoImgPath=G9/C+sKDbWKF/OCw22r5QN2UCNW1BwGW",
                    "ClientName": "Bank of America",
                    "ListingAgentContactName": "",
                    "MLSSNumber": "10",
                    "MLSStatus": "Sold",
                    "LockboxType": "",
                    "LockboxCode": "",
                    "NumberOfBedRooms": "0",
                    "NumberOfBathRooms": "0.00",
                    "GarageSpace": "0",
                    "IntSqFt": "0",
                    "CurrentListingPrice": "",
                    "PPView": 2
                }
            ]
        }

請指引我正確的方向。 謝謝

Answer 1

將數據存儲在javascript內存中根本不可能成為問題。 我一次在應用程序中將數千條記錄存儲在內存中-沒問題。

問題是，如果您的商店中有數百條記錄，這些記錄同時都在DOM中。 DOM中的500個dataview項將導致巨大的性能問題。 無限列表也可以幫您解決這個問題。

HTML5與DOM性能有關。 DOM元素越少，性能越好。 因此，請注意Sencha Touch在后台代表數據視圖/列表中存儲的功能。

您可能會在我寫的有關Sencha Touch數據結構的博客文章中找到其他提示： http : //senchatouchdev.com/wordpress/2014/01/03/an-overview-of-sencha-touch-2s-data-system/