如何讓Ext的RowExpander實現非同步呼叫

2022-04-07 07:01:05 字數 750 閱讀 3904

目前ext grid的rowexpander使用的模板,是在讀取grid同步載入,實際上這樣的處理並不是很好,如果資料量大的話,對效能會有一定影響,更好的處理方式是非同步載入,只有需要的時候再載入需要的資料。下面介紹如果實現:

一,**此檔案 ,這是國外乙個朋友擴充套件的rowexpander,我對比了幾種處理方式,他這個寫的最簡潔,而且最容易使用,所以推薦大家使用他的rowexpander。他的blog主頁:

二,將**的壓縮檔案用winrar或者別的壓縮檔案解壓縮,將「rowexpander_example

esourcesjscustom」目錄中的「rowexpander.js」加入你要用的頁面中,這個就是我們要使用的rowexpander。

三,在頁面中使用這個rowexpander。其實就是在想使用rowexpander的頁面中例項化這個rowexpander,實現非同步載入資料的方法。在你定義好了自己的grid的前提下,使用的具體**示例如下:

// rowexpander例項化

var expander = new ext.grid.rowexpander( 中原來的**修改成你要顯示的div,原來的div名字為「remdata」,修改成你想用的名字,如果是多個rowexpander例項,根據自己需要判斷,生成多個不同名字的div。

2,頁面顯示資料在不同的div中。主要就是將資料innerhtml 在哪個div中。根據自己的需要判斷後,呼叫「ext.getdom(你的div編號 + index).innerhtml=你的資料」,這樣就可以實現多個例項共用了!

如何部署ext

部署ext img 資料夾及檔案說明 adapter 負責將裡面提供第三方底層庫 包括ext自帶的底層庫 對映為ext所支援的底層庫。build 壓縮後的ext全部原始碼 裡面分類存放 docs api幫助文件。exmaples 提供使用extjs技術做出的小例項。source 無壓縮ext全部的原...

Ext中如何校驗TextField的字段被修改了?

場景描述 在form表單中有個sfzhm的字段,需要去後台進行sfzhm是否重複的校驗,一開始使用了blur的event來去後台進行校驗,後來發現在焦點離開時,及時資料沒有發生變化,也會造成後台訪問,造成大量的資源浪費,如何解決這個問題呢?從官方的api中,查詢可能解決此問題的屬性或者事件 經過分析...

Ext中如何展現複雜的xml檔案

需求就是如何將xml檔案能夠介面美觀的展現出來?其實有幾種的解決方式 1.通過xml xslt的方式 color orange 1.1 伺服器端生成html檔案 color 這個可能產生的資料量較大 color orange 1.2 將xslt的處理指令嵌入到xml檔案中,然後通過瀏覽器去解析 co...