搜索条件带树形下拉框（ztree实现）

最新推荐文章于 2021-08-26 14:05:48 发布

原创

最新推荐文章于 2021-08-26 14:05:48 发布 · 3.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#树形下拉框 #ztree

本文介绍了如何在查询条件中集成树形下拉框，通过ztree插件来实现这一功能。首先，需要准备ztree的相关JS和CSS资源，然后进行代码编写。

查询条件中带有树形下拉框，使用ztree实现。（有人关注，极大的激发了我的记录激情）。

1.准备ztree相关的js，css等。（可以去我的资源中下载）

2.编写代码

<!DOCTYPE html>
<HTML>
 <HEAD>
  <TITLE> ZTREE DEMO </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  
  <link rel="stylesheet" href="tree/themes/default/zTreeStyle/zTreeStyle.css" type="text/css">
  <link rel="stylesheet" href="bootstrap.css" type="text/css">
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="tree/vendor/jquery.ztree.all.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
   var zTreeObj;
   // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
   var setting = {//树
							check: {
								enable: true,
								chkDisabledInherit: false,
								chkboxType: {"Y":"s", "N":"s"}
								
							},	
							view : {
							dblClickExpand : false
							},
							data : {
								simpleData : {