本文实例分享了jquery ztree实现树的搜索功能，供大家参考，具体内容如下
rush:js;">
var userZTree;
var userSetting={
check: {
enable: true,chkStyle: "radio",chkBoxType : {"Y" : "","N" : ""},radioType: "all"
},data: {
simpleData: {
enable: true,idKey : "id",pIdKey : "pid"
}
},callback:{
onClick : clickCheck
},view :{
showIcon: false,fontCss: getFontCss
}
};
这里要加一个属性：view：{fontCss：getFontCss} 这里的getFontCss为自己写的一个方法：
rush:js;">
function getFontCss(treeId,treeNode) {
return (!!treeNode.highlight) ? {color:"#A60000","font-weight":"bold"} : {color:"#333","font-weight":"normal"};
}
这样就可以实现变色功能了； 接下来 要在自己写的显示树上方加一个搜索输入框：
rush:xhtml;">
display: none;">
0){
updateNodes(true);
}
}
}
function updateNodes(highlight) {
var treeObj = $.fn.zTree.getZTreeObj(treeId);
for( var i=0; itreeObj.getNodesByParamFuzzy(key,value);
是检索的ztree函数； 这样就ok了 ，可以实现搜索功能了。
更多关于ztree控件的内容，请参考专题插件ztree使用汇总》 。
以上就是为大家分析的ztree实现树的搜索功能的相关资料，希望能够对大家的学习。
原文地址：https://www.jb51.cc/jquery/49966.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
