jQuery Ztree行政地区树状展示（点击加载)

Ztree行政地区树状展示（点击加载)效果如下：

开始贴代码：

实体类项目，用于对Ztree的节点展示

公共类项{私有字符串id；私有字符串pId私有字符串名称；私有（同Internationalorganizations）国际组织类型；私有字符串是显式的；//getter/setter }通过业务代码获取加载的对象：

@请求映射('/省份/显示省份)@ResponseBodypublic ListItem显示省份(HttpServletRequest请求，Model Model){ listsublicu all=省份服务。getall()；ListItem list=new ArrayListItem(全部。size())；对于（省第：页全部){ Item Item=新项目()；项目。SetID(p . GetCode())；项目。set PiD(' 0 ')；项目。setname(p . GetProwname())；项目。setis parent(' true ')；项目。set type(0)；名单。添加(项目)；}返回列表；}关键看页面的脚本和实现：

页面代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title在此插入标题/title link rel='样式表href=' CSS/demo。' CSS '类型=' text/CSS '/link rel='样式表href=' CSS/ztree style/ztree。CSS ' type=' text/CSS '/script type=' text/JavaScript ' src=' http : js/jquery-1。4 .4 .量滴js '/script脚本类型=' text/JavaScript '

var menu={ setting : { data : { simpleData : { enable : true } }，keep : { parent : true }，/* * view : { dblClickExpand : false }，*/callback : { //回调函数onExpand : addNode，onClick : addNode } }，loadMenuTree : function() { $ .' post('省份/show venture。do '，null，函数（数据){ $.fn.zTree.init($('#tree ')，menu.setting，data)；});}};$().就绪(功能(){菜单。loadmenutree()；});函数addNode(事件、treeId、treeNode、点击标志){ var zTree=$。fn。zTree。getztreeObj('树')；if(treenode。isparent类型的(treenode。children)=' undefined '){ var type=tree node。类型；定义变量参数={ PiD : TreeNode。id }；if (type==0) { $ .post('city/showCity.do '，参数，函数（数据){ zTree.addNodes(treeNode，数据);});} if (type==1) { $ .帖子('国家/地区/展示国家。做吧，参数，函数（数据){ zTree.addNodes(treeNode，数据);});} }}其中onExpand :添加节点，onClick :添加节点两个回调函数，分别是在点击折叠按钮和节点时，异步加载子节点的内容，onDblClick添加回调函数时，发现会触发onExpand事件，是因为zTree双击时触发onExpand事件，所以在环境中设置视图： { dblClickExpand : false }可关闭这个默认设置。

最后，提供一个zTree的在线http://www.treejs.cn/v3/api.php美联社：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。