位置: 编程技术 - 正文

zTree插件下拉树使用入门教程(ztree拖动)

编辑:rootadmin

推荐整理分享zTree插件下拉树使用入门教程(ztree拖动),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ztree树形菜单,ztree拖动,ztree搜索框,ztree自动展开,ztree搜索框,ztree下拉框,ztree设置节点勾选,ztree input 下拉树,内容如对您有帮助,希望把文章链接给更多的朋友!

最近,因为工作需要一个树形下拉框的组件,经过查资料一般有两种的实现方法。其一,就是使用zTree实现;其二,就是使用easyUI实现。因为公司的前端不是使用easyUI设计的,故这里我选择了zTree来实现下拉树。

这里使用简单的数据格式(即简单的Json格式)类似如下Json:

这里首先需要一个实体bean,用来封装对应查出来的数据,如下:

这里需要注意的是 pId 中的第二的字母是大写的,如果写成小写的就不能构造成树形结构,所有的都是根节点。

然后,将从数据库中查出来的数据,转换为对应的ztree需要的bean,再转换为相应的Json,代码如下:

将list转换为对应的Json方法,如下:

用到的Json工具包:

zTree插件下拉树使用入门教程(ztree拖动)

这样前台所需要的数据,就从库里取出,并封装成了对应的Json。

接下来就是前台的实现了,前台需要导入的js和css如下:

这里只有demo.css是自己添加的,其他都是官方制定的,demo.css是将官方的demo用到的css修改的,如下(这里有冗余样式没有删除掉);

然后,就是对应的下拉框:

这里有一个隐藏的文本框用来存放下拉框选择内容对应的id。

对应的脚本如下:

这样,一个下拉框就做完了。

如下图所示:

如果,需要在修改页面中回写相应的下拉列表数据,添加如下的脚本:

标签: ztree拖动

本文链接地址:https://www.jiuchutong.com/biancheng/373425.html 转载请保留说明!

上一篇:javascript HTML5 Canvas实现圆盘抽奖功能

下一篇:JS代码防止SQL注入的方法(超简单)(前端防止sql注入)

  • 纳税人未抄报税是什么意思
  • 金税三期系统的作用
  • 减免所得税会影响工资发放吗
  • 个人出租住房需要缴纳哪些税
  • 息税前利润变动率的计算公式
  • 佣金和手续费支出 纳税调整
  • 社保退回来的钱怎么做账
  • 记账凭证附单据是有哪些
  • 工程收入开票
  • 行政事业单位无偿调拨资产会计处理
  • 支付增值税税控系统技术维护费用500元
  • 企业接受外部劳务派遣用工支出税前扣除问题
  • 签订合同未履行属于什么行为
  • 事业单位个税可以抵扣吗
  • 以股东投资为基础
  • 停工损失会计科目
  • 纳税申报一般什么时候
  • 个体户注销未分配利润要交个税吗
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 公司职工买房有补贴吗
  • 小微企业的特点及经营模式举例
  • 公司账户转入另一个公司的投资款怎么做账?
  • 议价收购股份的账务处理
  • 大巴车票抵扣税率
  • 公共租赁住房的供应对象不包括
  • 民间非营利组织会计制度最新版
  • 财产清查的方法和财产清查结果的会计处理
  • 如何从Windows 10注销其他用户
  • 三大期间费用属于什么类
  • 资本公积如何计提
  • 怎么实现增删改查
  • 在建工程进项税额转出
  • netddeclnt.exe - netddeclnt是什么进程 有什么用
  • 想做酒水批发的生意怎么做?
  • 增值税有哪些类型的税种
  • 城市赚钱项目
  • 境外租赁要交什么税
  • 国债持有期间未兑付的利息所得税
  • code alignment
  • 开展党建系列活动
  • echarts-gl
  • aida理论包括哪些内容?
  • nmap的命令
  • php rtrim
  • 跨年坏账准备转回
  • 免税法扣除法抵免法的区别
  • 公司未成立前的花费算出资额吗
  • 帝国cms使用手册
  • php怎么装
  • nginx防盗链的作用
  • 公司出租房屋如何开票
  • 专用发票跨月冲红流程
  • sql server索引怎么用
  • 成立业主委员会申请书
  • 增值税税控维护费
  • 存货核算科目设置
  • 管理费用怎样分摊归集到产品
  • 水利工程施工税率是多少
  • 管理费用包括哪些税
  • 生产的半成品怎么做分录
  • 企业微信对公账户认证
  • 个体户不交税会判刑吗?
  • sql语句大全实例教程.pdf
  • macbookair触控板维修
  • win10怎么查看windows版本
  • linux 图形
  • linux 安装jmap
  • perfom.exe
  • linux扫描硬件
  • element拖拽
  • python,数组
  • nginx 执行shell
  • js 严格的迭代语句
  • javascript面向对象编程指南
  • centos7如何安装
  • 契税和耕地占用税由谁负责征收
  • 税务干部提升工作能力
  • 事务所税务变更申请
  • 个人所得税税收完税证明哪里打印
  • 开票系统功能
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设