ztree模糊搜尋

2021-08-11 22:13:42 字數 1161 閱讀 5730

1、方法

$(function() );

//載入樹方法和事件

function searchdepart() /newdepartcontroller.do?gettreedata',

datatype : "json",

data : ,

success : function(list)

}});

}var setting = ,

check :

},view : ,

data :

},callback :

};//載入樹節點的方法

var departname = null;  //查詢條件

function searchtreenode()

var ztree_menu = $.fn.ztree.getztreeobj('treenode');

var selectednodes = ztree_menu.getselectednodes();

var node = ztree_menu.getnodesbyfilter(filter, true); // 第二個引數表示僅查詢乙個節點

if(node==null)

ztree_menu.selectnode(node, false, false);//指定選中id的節點 ;引數:節點物件,表示是否單獨選中(false只會選中乙個,之前的會被取消),是否會讓節點自動滾到到可視區域內

ztree_menu.expandnode(node, true, false);//指定選中id節點展開  

}//樹節點,查詢過濾器

function filter(node) {

return (node.name.indexof(departname) > -1);2、

style="margin-bottom: 0px; margin-left: 1px; margin-right: 0px;">

placeholder="輸入機構名稱"

οnkeydοwn='if(event.keycode==13) return false;'>查詢

3、效果

搜尋內容選中並且展開

zTree模糊搜尋

根據搜尋的值重新顯示整個ztree 1 輸入框 2 js chatgroupserarchbtn click function function doqueryalg4name value treeobj.shownodes nodelist 指定被顯示的節點 json 資料集合 if value ...

zTree的模糊搜尋(2)

檢索 var ztreeobj var setting callback yywh tbsydepartment list?parent.id id parent.departname treenode.name 重新整理 refreshtree function refreshtree yywh ...

ztree 模糊查詢

之前寫的一篇文章僅符合自己專案需求的一種寫法,現提供通用的書寫方式,廢話少說見 頁面效果 如下 container左側邊欄ztree搜尋 var queryhidenodes 查詢隱藏的 var queryshownodes 查詢展示的 ztreesearch keyup function e va...