1. 程式人生 > >Ext.grid.Panel 資料動態改變後重新整理grid

Ext.grid.Panel 資料動態改變後重新整理grid

gridPanel中載入的資料分為兩種:一種是本地資料載入,那另一種就是後臺資料載入。

在表格中增、刪、改、查 是必不可少的。

那麼資料動態改變後怎樣重新整理表格中的資料呢。

一、後臺取資料

var grid = Ext.getCmp('ChannelPriorityRanking');    //通過grid的id取到grid
    grid.store.reload();      //將資料reload()就可以重新整理了

如果你是直接用  

 var $gridPanel = new Ext.grid.Panel({......});

的方式構造的表格,那麼就可以直接reload()了~~

二、本地載入的資料

如果是以

複製程式碼
var data=[                                           //我這個名字起得不好
        { 'name': 'Lisa',  "email":"[email protected]",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"[email protected]",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"[email protected]
", "phone":"555-222-1244" }, { 'name': 'Marge', "email":"[email protected]", "phone":"555-222-1254" } ]; Ext.create('Ext.data.Store', { storeId:'simpsonsStore', fields:['name', 'email', 'phone'], data:{'items':data}, proxy: { type: 'memory', reader: { type:
'json', root: 'items' } } });
複製程式碼

這種方式得到的資料,當資料動態改變的時候,再用reload()的方式就不好用了。

那就需要用到這個

$gridPanel.store.loadData(data);     //  loadData(data,[append])

官方文件是這樣介紹的:

對於資料重新整理肯定還有其他方法。歡迎大家一起分享~~~~~~【你能再官方點麼!小s白眼.jpg】

相關推薦

Ext.grid.Panel 資料動態改變重新整理grid

gridPanel中載入的資料分為兩種:一種是本地資料載入,那另一種就是後臺資料載入。 在表格中增、刪、改、查 是必不可少的。 那麼資料動態改變後怎樣重新整理表格中的資料呢。 一、後臺取資料 var grid = Ext.getCmp('ChannelPriorityRanking'); /

extjs grid資料改變重新整理的實現

做了一個編輯extjs grid記錄的窗體,但更改資料後,怎麼重新重新整理grid讓資料顯示呢? 做了半天的嘗試,其實到最後只需一句話,faint:-) this.store.reload(); 不用加任何參加都可以了:-)

WPF Listview繫結資料發生改變前端沒有更新

前端沒有更新的原因: 1.將控制元件與列表繫結 ICMask.ItemsSource = _poppingWordList; 2.在更新繫結資料時 _poppingWordList = newWordList; 因為List是引用,這樣是將_poppingWordList的指向的列表更

小程式 檢視不隨資料動態改變

小程式中獲取當前data定義的值,用this.data.xxx setData的時候要修改的值是不需要加this.data.xxx的,直接xxx, 一般直接修改data的值直接修改,修改陣列中物件的值或者物件的屬性值都要先轉為字串再加中括號,如果有變數可以用ES6的模版字串反單引號或者字串拼

Android列表資料動態改變

         自己的專案當中遇到了這樣一個問題,列表是動態載入的,而且listview的每個item上有動態生成的按鈕,當點選按鈕後會進行一系列操作,然後改變當前當前列表而不跳轉,具體情況如下:          我這裡獲取到了一個裝置列表:             

根據資料動態改變Android列表背景顏色

       自己的專案中有一個需求:需要根據列表項的狀態來動態覺得背景的顏色,這個需求看似簡單,只要在adapter的getView中根據資料的狀態來設定背景色即可,但是我在這麼做的時候卻得不到想要的結果,這裡我設定了狀態為“未檢查”的不變色,“無問題”的設定為綠色,“有

Ext.grid.panel 改變某一行的字型顏色

grid.getStore().addListener('load', handleGridLoadEvent); function handleGridLoadEvent(store, records) { var gridCount = 0; store.e

Ext.grid.Panel遠端載入資料分頁,提供新增刪除修改等操作

Ext.grid.Panel遠端載入NorthWind中Customers資料,並提供分頁、新增、刪除、修改和檢視操作,介面如下圖: Ext.grid.Panel Ajax載入資料 新增介面 修改介面 檢視介面 Extjs程式碼如下: //Ext.grid.Pan

EXT資料展示(Ext.grid.Panel

在網上看到好多關於EXT的例子,但大多數都是用的EXT代理ajax請求的方式,我這裡寫的是把EXT與ajax拆開的。下面為EXT程式碼:var dataSource = ''; var myStore

C# Panel滾動條滾動動態建立的控制元件下移的問題

C#做了一個從伺服器獲取資料的功能,動態建立控制元件顯示在Panel中,控制元件多的時候比Panel還高,滑動滾動條檢視中間資料,此時獲取到資料,,動態新增時,發現控制元件全部下移了,上面空出好大一部分空白。 除錯發現,即使控制元件的Location設定為new Point(0, 0);上面也空

Vue使用v-for渲染資料完成再次改變資料,頁面資料改變

v-for不能進行雙向資料繫結,頁面渲染完成後,再次更改v-for遍歷的資料,js裡面列印的資料看到資料值已經更改,但是頁面的資料就是沒有渲染,這是為什麼呢?vue中v-for和angularjs中的ng-repeat不用 ,它對頁面只進行一次渲染。後續如果需要更改資料且顯示在頁面上就需要想想其他辦

jQuery easyui dataGrid 動態改變排序欄位名,一般情況下,在使用的時候,我們會點選相應欄位進行排序,這裡以JAVA為例,端的實體類欄位有可能和資料庫的欄位不一致; 如:實體類中的

jQuery easyui dataGrid 動態改變排序欄位名,一般情況下,在使用的時候,我們會點選相應欄位進行排序,這裡以JAVA為例,後端的實體類欄位有可能和資料庫的欄位不一致; 如:實體類中的屬性為userName,前臺filed="userName"而資料庫的欄位

微信小程式之獲取後臺動態資料Gird表格佈局display:grid

在工作中常用的就是flex佈局和grid佈局了,因為本人對grid佈局不是很熟練,這次主要是想模擬獲取後臺的動態資料來動態的設定表格佈局,算是一個簡單的嘗試,畢竟之前沒有用過。分享一下。 (一)實現效果 跟我上一篇文章微信小程式之獲取後臺動態資料表格佈局dis

小程式採坑記(五) 動態改變資料

專案當時有個需求是,在詳情頁面點選關注,要把關注的內容傳給首頁顯示出來,開始的時候,我以為是把資料傳給後臺,顯示關注成功就可以了,這樣只能實現頁面重新整理時,可以在首頁顯示關注的內容,但是需求不是這樣的,是要在點選了關注後,返回首頁時就顯示出來,沒有重新整理,也

vue 解決addRoutes動態新增路由重新整理失效問題(跳轉“404”頁面)

這篇文章主要介紹了vue 解決addRoutes動態新增路由後重新整理失效問題,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 前言 某些場景下我們需要利用addRoutes動態新增路由,但是重新整理後就會失效,前段時間專案裡剛好遇到了這個應用場景,所以就花時間研究了一下,做下

資料載入重新整理UI介面

對於IOS初學者來說,UI介面的互動有時候會讓你不知所措,在開發中,一般的設計思路是:1.先搭建好UI介面,需要網路資料的控制元件先不顯示或者讓它處於等待顯示狀態;2.開始載入網路資料,資料載入完畢後,重新重新整理UI介面或者將控制元件賦值後,讓他們從等待顯示狀態變為顯示狀態. 這兩種方法各有利

vue 爬坑 之js 物件/陣列 賦值/拷貝 解決VUE中賦值引用資料雙向改變的問題

淺拷貝這裡就不講了,我們直接講深拷貝 正常的陣列/物件拷貝可以直接用 const cloneObj = JSON.parse(JSON.stringify(Obj)); 這種方式可以解決相當多一部分的賦值問題,但是一些特殊屬性除外(undefined/function)

java JTable 動態拉取資料顯示及自動重新整理

網上有很多關於這方面的介紹,但是寫的要麼含糊,要麼不全,很容易讓開發者更加糊塗,本人最初也是這樣,所以在這裡把JTable 的動態資料拉取顯示以及自動重新整理的方法整理一下。 JTable在java api中有下列幾種構造方法: 構造方法摘要

Extjs4的Ext.grid.Panel的行雙擊事件事件

Extjs 4的Ext.grid.Panel的行雙擊事件(rowdblclick,itemdblclick) Extjs 4的Ext.grid.Panel的行雙擊事件使用的是itemdblclick方法。itemdblclick方法的定義如:itemdblclick(

alv被display資料的變化隨時重新整理

建立一個report顯示alv,在gui上提供一個按鈕,更改資料點選按鈕後的效果如下如上面2圖所示,實時依據按鈕的觸發,重新整理alv上的資料,將最新的資料內容顯示出來。report中的alv表格顯示的內容是自定義的內表中的資料,如果希望alv顯示的內容及時進行重新整理,前提一定是有兩個:1.內表被修改了(而