zTree插件实现搜索框模糊匹配搜索
- 引入css样式文件
将zTree_v3.zip文件解压,将解压后的css文件夹复制到自己的项目,引入zTree组件提供的样式。
- 引入js文件
将zTree_v3.zip文件解压,将解压后的js文件中的jquery.ztree.all.js和jquery-1.4.4.min.js复制到自己的项目,引入zTree组件提供的函数。
- 引入小编自定义的js文件
将zTree_v3.zip文件解压,将解压后的demo20211220\js\zTree文件中的zTreeComponent.js复制到自己的项目。这里是小编自定义的js文件,用于实现交互功能。
- 案例展示
直接用谷歌浏览器打开demo20211220文件夹中的index.html文件,既可以查看小编实现的功能。
- 备注
5.1.小编项目中demo20211220\css\zTreeStyle\zTreeStyle.css文件有自定义样式,新增自定义样式如下:
下面展示一些内联代码片
。
/* 开发者自定义样式*/
.zTreeInput{
width: 250px;
border-left