我是Ext Js 4.1的新手,我有5000個子節點,需要加載時只加載50個節點,滾動後必須加載另外50個節點並繼續。我在過去兩天嘗試了不同的場景,但是我沒有找到任何相關的東西,如果可能的話,請幫助我怎麼做,如果可能的話,請提供示例代碼。extjs向下滾動動態加載節點
由於提前
我是Ext Js 4.1的新手,我有5000個子節點,需要加載時只加載50個節點,滾動後必須加載另外50個節點並繼續。我在過去兩天嘗試了不同的場景,但是我沒有找到任何相關的東西,如果可能的話,請幫助我怎麼做,如果可能的話,請提供示例代碼。extjs向下滾動動態加載節點
由於提前
最後我發現,我們需要的解決方案使用'bufferedrenderer'Plugin.Infinite網格使用緩衝存儲,並且不支持樹。
下面是示例代碼
Ext.onReady(函數(){
變種商店= Ext.create( 'Ext.data.TreeStore',{
代理:{
type: 'ajax',
url: 'http://localhost/codig/index.php/user/jsonusers',
extraParams:limitValue
}
}); store.reload();
變種TreePanel中= Ext.create( 'Ext.tree.Panel',{
id:'mytree',
title: 'Infinite nodes tree',
width: 200,
height: 400,
store: store,
rootVisible: false,
plugins: {
ptype: 'bufferedrenderer'
},
renderTo: Ext.getBody()
});
});
與向你的5000個節點的服務器要做到這一點的唯一方法是使用一個緩衝存儲。
使用緩衝存儲區,您可以設置頁面大小並向下滾動更改頁面,您將能夠通過50條記錄加載數據。
檢查所有你需要在這裏http://docs.sencha.com/extjs/5.1/5.1.2-apidocs/#!/api/Ext.data.BufferedStore
緩衝店disponible還對分機4.1
也煎茶例子一些例子 你可以看這個 http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/infinite-scroll.html