位置: 编程技术 - 正文
推荐整理分享ztree实现左边动态生成树右边为内容详情功能(ztree默认选中),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:ztree动态加载数据,ztree选中指定节点,ztree自定义属性,ztree默认全选,ztree默认全选,ztree设置选中状态,ztree拖动,ztree默认全选,内容如对您有帮助,希望把文章链接给更多的朋友!
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件,兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动、编辑、删除 支持任意更换皮肤 / 个性化图标(依靠css) 。
页面原型图:
功能需求:点击左边树上的子节点,像后台发送请求,将请求到的信息展示在右边的表单里面
前端代码实现:
引入css文档:
引入js文件:
jsp 部分:HTML部分很简单,就是相当于一个盛放树的div
js 部分:
设置树节点
初始化,判断是否展开节点:
单击事件,像后台发起请求,请求右侧的信息
删除事件:
总结
以上所述是小编给大家介绍的ztree实现左边动态生成树右边为内容详情功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
基于jQuery解决ios以上版本缩放问题 具体代码如下所示:scripttype="text/javascript"/*解决ios以上版本缩放问题*/window.onload=function(){document.addEventListener('touchstart',function(event){if(event.touches.l
EasyUI实现下拉框多选功能 本文实例为大家分享了EasyUI实现下拉框多选展示的具体代码,供大家参考,具体内容如下效果图:这个没什么说的,直接引入css和js文件和图片,调用js
基于jQuery中ajax的相关方法汇总(必看篇) 前提条件话说是jquery中的ajax方法,那么前提条件当然是引入jquery啦。scriptsrc="
标签: ztree默认选中
本文链接地址:https://www.jiuchutong.com/biancheng/368534.html 转载请保留说明!上一篇:五步轻松实现zTree的使用
友情链接: 武汉网站建设