jquery easyui tree reload以後選中之前選擇的節點
阿新 • • 發佈:2019-02-20
轉載至:https://blog.csdn.net/wang_song_yan/article/details/49928753
問題背景:
介面使用左側tree,右側datagrid的佈局。
點選左側的樹節點,右側顯示當前節點下的資料,右側操作完以後左側樹的資料會發生改變,所以左側的樹需要重新整理(reload)。
重新整理完以後,樹的選中狀態沒了。
解決辦法:
思路:點選左側樹的節點時記錄點選的nodeId,載入完以後重新選擇該節點。
程式碼實現:
[javascript] view plain copy- var nodeId;
- $(function(){
- $('#tree').tree({
- url:url,
- checkbox:false,
- onClick:function(node){
- nodeId=node.id;
- },
- onLoadSuccess(data){
- if(nodeId!=null){
- var node = $('#tree').tree('find', nodeId);
- $('#tree').tree('expandTo', node.target).tree('select', node.target);
- }
- }
- });
- }) ;
重新整理tree的資料:
[javascript] view plain copy- $('#tree').tree('reload');
重新選擇的程式碼必須放在onLoadSuccess方法裡,否則不起作用