ExtJS 刷新后如何默認選中刷新前最后一次選中的節(jié)點
更新時間：2014年04月03日 16:53:14 作者：
這篇文章主要介紹了ExtJS 刷新后如何默認選中刷新前最后一次選中的節(jié)點,需要的朋友可以參考下
在對樹節(jié)點進行操作后往往需要進行reload操作刷新一下樹，但是很多業(yè)務(wù)都需要在樹形刷新后默認選中最后一次選中的節(jié)點。這樣就必須先保存前一次選中節(jié)點的信息，在reload之后再次通過節(jié)點的信息進行expand逐層展開到這個節(jié)點上。
查詢了好久終于找到一個可行的方案，就是通過節(jié)點的path來記錄節(jié)點的位置信息，然后通過path從root節(jié)點開始逐層展開，直到最后一個節(jié)點。
完成的代碼如下：
首先是extjs3.x版本中的方法：
//獲取選中的節(jié)點
var node = tree.getSelectionModel().getSelectedNode();
if(node == null) { //沒有選中 重載樹
tree.getRootNode().reload();
} else { //重載樹 并默認選中上次選擇的節(jié)點
var path = node.getPath('id');
tree.getLoader().load(tree.getRootNode(),
function(treeNode) {
tree.expandPath(path, 'id', function(bSucess, oLastNode) {
tree.getSelectionModel().select(oLastNode);
});
}, this);
}
跟Extjs3.0不同Extjs4.2的寫法如下
idPath = selNode.getPath("id");
tree.getStore().load({
node: tree.getRootNode(),
callback: function () {
tree.expandPath(idPath, 'id');
}
});
需要注意的是后臺返回的樹的json數(shù)據(jù)時節(jié)點必須包含id屬性，原本我沒有這個屬性，但是我把getPath方法中的參數(shù)改成其他的一個屬性。事實證明這樣是達不到效果的，最后在json中添加了id屬性才成功的。
查詢了好久終于找到一個可行的方案，就是通過節(jié)點的path來記錄節(jié)點的位置信息，然后通過path從root節(jié)點開始逐層展開，直到最后一個節(jié)點。
完成的代碼如下：
首先是extjs3.x版本中的方法：
復(fù)制代碼 代碼如下:
//獲取選中的節(jié)點
var node = tree.getSelectionModel().getSelectedNode();
if(node == null) { //沒有選中 重載樹
tree.getRootNode().reload();
} else { //重載樹 并默認選中上次選擇的節(jié)點
var path = node.getPath('id');
tree.getLoader().load(tree.getRootNode(),
function(treeNode) {
tree.expandPath(path, 'id', function(bSucess, oLastNode) {
tree.getSelectionModel().select(oLastNode);
});
}, this);
}
跟Extjs3.0不同Extjs4.2的寫法如下
復(fù)制代碼 代碼如下:
idPath = selNode.getPath("id");
tree.getStore().load({
node: tree.getRootNode(),
callback: function () {
tree.expandPath(idPath, 'id');
}
});
需要注意的是后臺返回的樹的json數(shù)據(jù)時節(jié)點必須包含id屬性，原本我沒有這個屬性，但是我把getPath方法中的參數(shù)改成其他的一個屬性。事實證明這樣是達不到效果的，最后在json中添加了id屬性才成功的。
您可能感興趣的文章:
相關(guān)文章
Iframe 有的時候還是須要的，比如在Tab中嵌入報表、嵌入其它系統(tǒng)的界面。下面代碼是項目中一段。希望對用ExtJS開發(fā)的兄弟做個參考。2010-03-03
extjs 的權(quán)限問題 要求控制的對象是 菜單，按鈕，URL
這兩天在解決extjs 的權(quán)限問題。要求控制的對象是 菜單，按鈕，URL2010-03-03
ExtJS 2.0實用簡明教程 之Border區(qū)域布局
Border布局由類Ext.layout.BorderLayout定義，布局名稱為border。2009-04-04
ExtJS 中Window的窗口最大化只需將maximizable屬性設(shè)置為true即可，點擊最大化按鈕就可以將窗體最大化，最小化的操作類似將minimizable設(shè)置為true，即可以看到窗體的最小化按鈕，但是點擊此按鈕并不會出發(fā)任何操作，Ext沒有為窗口預(yù)設(shè)最小化的任何操作，需要自己自定義最小化功能。2009-11-11
ExtJS4 組件化編程，動態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗一下面官方推薦的向?qū)ο缶幊套罴褜嵺` 過去的做法是new對象或者Ext.create一個對象，每個對象都要先實例化才能使用2011-05-05
Extjs grid添加一個圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個圖片狀態(tài)或者按鈕，下面將自己用過的一些方法與大家分享下2014-04-04
Extjs4 Treegrid 使用心得分享(經(jīng)驗篇)
最近調(diào)試EXTJS 4的treegrid實例，看了很多水友的文章，以及官方的demo，沒一個可靠的，于是乎自己折騰中...感興趣的朋友可以了解下本文或許對你有所幫助2013-07-07
接下來為大家介紹下GridPanel的幾種樣式及選擇模式分類介紹，感興趣的朋友可以參考下哈2013-04-04
ExtJS是一個Ajax框架，是一個用javascript寫的，用于在客戶端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來開發(fā)RIA也即富客戶端的AJAX應(yīng)用2008-12-12
spket最好用了，而且它還支持ext，安裝起來很簡單.....2010-04-04