程序员经验分享-hwhale

jquery——zTree, 完美好用的树插件

2023-11-15
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>ZTREE DEMO - Standard Data </title>  
  5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  6.     <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />  
  7.     <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>  
  8.     <script src="js/jquery.ztree.core-3.4.js" type="text/javascript"></script>  
  9.     <script type="text/javascript">  
  10.         var setting = {  
  11.             view: {  
  12.                 selectedMulti: false        //禁止多点选中  
  13.             },  
  14.             data: {  
  15.                 simpleData: {  
  16.                     enable:true,  
  17.                     idKey: "id",  
  18.                     pIdKey: "pId",  
  19.                     rootPId: ""  
  20.                 }  
  21.             },  
  22.             callback: {  
  23.                 onClick: function(treeId, treeNode) {  
  24.                     var treeObj = $.fn.zTree.getZTreeObj(treeNode);  
  25.                     var selectedNode = treeObj.getSelectedNodes()[0];  
  26.                     $("#txtId").val(selectedNode.id);  
  27.                     $("#txtAddress").val(selectedNode.name);  
  28.                 }  
  29.             }  
  30.         };  
  31.         var zNodes =[  
  32.             {id:1, pId:0, name:"广东", open:true},  
  33.             {id:101, pId:1, name:"广州", file:"core/standardData"},  
  34.             {id:102, pId:1, name:"深圳", file:"core/simpleData"},  
  35.             {id:103, pId:1, name:"东莞", file:"core/noline"}  
  36.         ];  
  37.   
  38.         $(document).ready(function(){  
  39.             $.fn.zTree.init($("#treeDemo"), setting, zNodes);  
  40.         });  
  41.     </script>  
  42. </head>  
  43. <body>  
  44.     <div style="float:left;" >  
  45.         <ul id="treeDemo" class="ztree">  
  46.         </ul>  
  47.     </div>  
  48.     <div style="float:left;" >  
  49.         id: <input id="txtId" type="text" value="" /><br />  
  50.         地名：<input id="txtAddress" type="text" value="" />  
  51.     </div>  
  52. </body>  
  53. </html> 
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

jquery——zTree, 完美好用的树插件 的相关文章

随机推荐

  • 1001 害死人不偿命的(3n+1)猜想 (15分)_Quentin

    题目链接 1001 害死人不偿命的 3n 1 猜想 15分 卡拉兹 Callatz 猜想 对任何一个正整数 n 如果它是偶数 那么把它砍掉一半 如果它是奇数 那么把 3n 1 砍掉一半 这样一直反复砍下去 最后一定在某一步得到 n 1 卡拉

  • 【翻译】知识的诅咒

    巧合的是 本周我和五组不同的人进行了同样的对话 我想我应该把我的想法写下来 并把它们写在博客上 因为这一连串的想法似乎引起了很多人的共鸣 这场对话从一个偏见开始 和我一起工作的许多人是工程师 他们后来可能已经成为高级领导或高管 但他们曾经是

  • ios 固定定位 input获取焦点，ios 滚动条滚动 fixed固定定位失效，位置偏移

    http efe baidu com blog mobile fixed layout 还发现一个问题就是ios input设置readonly 还是能看到光标 然后解决方法是在行内写了 nf cus this blur

  • Zabbix 4.0升级5.0 &&ES 6.1升级7.0

    Zabbix 4 0升级5 0 一 升级方案 1影响范围 升级期间 不会影响到现有的系统 系统将保持正常的运行 升级完成后 将进行一段时间的可用性测试 待系统稳定后将替换生产上的监控 2升级方法 本次升级采用蓝绿部署的方式 先在测试环境重新

  • com中abc.h不能修改，只能修改abc.idl，生成abc.h

    如题 犯了这个错误

  • 小笔记1：在Unity中导入模型后，材质被锁定后无法更改

    每天进步一点点小笔记 解决方案 方法1 在资源里查找到该模型 右侧inspector栏 Materials location选择Use External Material 点击Apply导入便可以编辑 方法2 在资源里查找到该模型 右侧in

  • opkg软件源设置

    opkg软件源定义在 etc opkg distfeeds conf 更新 etc opkg conf并没有什么卵用 文件中 包含软件源索引的目录路径 分为base luci management packages routeing tel

  • live555 流媒体开源库

    live555对每一个从事过流媒体开发的从业者而言 都不曾陌生 就像每一个从事音视频行业的从业者而言 ffmpeg也不曾陌生 随着行业需求的发展 live555也是越见强大 因前几天帮朋友项目查找问题 重拾live555 没想到时隔10年

  • 树莓派修改国内软件源

    编辑sources list文件 sudo nano etc apt sources list 注释掉现有的代码 新增以下代码 deb http mirrors tuna tsinghua edu cn raspbian raspbian

  • 精准营销获客如何成为企业未来的发展趋势 ，运营商大数据

    精准营销最大的优势在于 精准 即在细分市场的基础上 对不同的消费者进行详细分析 确定目标受众 精准营销的主要特点如下 1 数据范围广 可以说是全球数据 目前 中国三大运营商覆盖了数十亿互联网用户 可以说是非常全面的 可以满足各个行业的需求

  • 并发编程系列之原子操作实现原理

    前言 上节我们讲了并发编程中最基本的两个元素的底层实现 同样并发编程中还有一个很重要的元素 就是原子操作 原子本意是不可以再被分割的最小粒子 原子操作就是指不可中断的一个或者一系列操作 那么今天我们就来看看在多处理器环境下Java是如何保证

  • Kali Linux版本手动更新

    Kali Linux版本手动更新 前言 一 查看版本信息 二 更换apt源 三 apt get的使用 四 查看版本信息 总结 前言 学校这几天在上实训课 用到kali 老师推荐下载最新的版本 大家纷纷把原有的kali删了再到官网下最新版本的

  • Sentinel 原理讲解

    Blog Posts Sentinel 为 Dubbo 服务保驾护航 by Eric Zhao 在生产环境中使用 Sentinel 控制台 by Eric Zhao Sentinel 与 Hystrix 的对比 by Eric Zhao G

  • 基于51单片机的停车场车位管理系统

    具体实现功能 由AT89S52单片机 AT24C02数据存储模块 按键模块 LCD1602显示 报警模块等构成 具体功能 1 显示停车场现有车辆数和已停放过车辆数 总共16个车位 指示灯指示具体的车位占用情况 2 可以手动设置总车位数以及剩

  • 回归算法-概述

    回归算法 概述 Regression Algorithms Overview 回归概论 Introduction to Regression Regression is another important and broadly used

  • Upload-labs文件上传漏洞（空格绕过）——Pass06

    0 00 题目描述 似乎可以使用Pass04文件改写 但是感觉应该不会那么简单 0 01 源码分析 is upload false msg null if isset POST submit if file exists UPLOAD PA

  • jsPDF(高清)，html导出多页pdf（分享）

    前言 遇到在html导出PDF的需求 在csdn找了很多关于PDF导出功能的文章 介绍了jsPDF iText和wkhtmltopdf三种方式 其中iText的使用对于中文还需要导入特定字体包 wkhtmltopdf需要配置服务器环境 综合

  • 程序员绩效总结_华为的研发人员薪酬体系你学不会，不如这4种绩效模式

    最近 不少研发型企业的学员咨询我们 研发人员的薪酬绩效体系怎么做 今天我简单为大家介绍一下具体的操作方式 提到研发人员薪酬绩效体系 绕不开中国一个响当当的高科技企业 华为 华为的工资体系是怎样的 华为的研发团队组织结构发生过两次重大调整 从

  • 【详解】指针与函数传参——多图、多例子（c语言）

    前言 在用c语言实现链表时 会有很多朋友无法理解明明传了指针到函数中 函数中对指针改变却无法影响原函数中指针的位置 事实上 这是因为你对形参和实参的关系理解还不够透彻 通过这篇文章 我将告诉你指针传参时 函数的形参到底该选择怎样的类型接收

  • jquery——zTree, 完美好用的树插件

热门标签