jquery和zTree 树结构的测试demo
来源:互联网 发布:python中的矩阵乘法 编辑:程序博客网 时间:2024/05/21 08:40
js代码:<link type="text/css" rel="stylesheet" href="../../../plugin/zTree/css/zTreeStyle/zTreeStyle.css" /><script src="../../../js/jquery-1.9.1.min.js"></script><script src="../../../plugin/zTree/js/jquery.ztree.all-3.5.js"></script><!-- 注意 jquery-1.9.1.min.js必须放在jquery.ztree.all-3.5.js之前引入 --><pre class="javascript" name="code"><pre name="code" class="html"><script type="text/javascript" language="javascript"> var setting = { async: { enable: true, type:'post', url:"treedata.json" }, data: { simpleData: { //简单的数据源<pre class="html" name="code"> enable: true, idKey: "id", //id和pid,树的目录级别 pIdKey: "pId", rootPId: 0 //根节点 } }, check: { //checkbox复选框 enable: true, //显示or不显示 chkboxType: {"Y":"", "N":""} }, callback: { onAsyncSuccess: zTreeOnAsyncSuccess /**回调函数的设置,提交成功的回调函数**/ } }; function zTreeOnAsyncSuccess(){ alert("success"); } $(document).ready(function(){//初始化ztree对象 $.fn.zTree.init($("#cityTree"), setting); $('#city').comboboxTree({ url:'comboboxTree.json' }); });</script>html代码:<div class="row">
<div class="col-2">
<p class="summer-grid-title">出生地</p>
</div>
<div class="col-2">
<ul id="cityTree" class="ztree"></ul>
</div>
<div class="col-4">
<input type="text" id="city" name="city" class="summer-input" data-validate="required:true;">
</div>
</div>
0 0
- jquery和zTree 树结构的测试demo
- jquery和zTree 树结构的测试demo 2
- JQuery zTree树结构使用
- jquery 树结构组件 ------ zTRee
- 树结构控件:jQuery zTree
- jQuery和zTree实现的下拉树
- 学习JQuery插件zTree树结构
- 使用JQuery-zTree生成树结构
- jQuery的zTree树插件
- ztree的使用demo
- zTree理解和简单Demo
- zTree理解和简单Demo
- ztree使用系列二(整合ztree的一些功能和demo演示)
- jquery+zTree+colorbox 实现弹出框内组织结构树
- Jquery zTree演示程序Demo总结
- jQuery ztree 树插件的使用
- Jquery的zTree--Js点击树节点
- jquery-ztree的使用
- ubuntu下mysql相关
- SoundPool没有声音原因
- ASP.NET Web API 用IE浏览器访问下载文件问题
- 实现一个单例模式Singleton
- ZOJ3659——Conquer a New Region
- jquery和zTree 树结构的测试demo
- mysqldump备份及结合binlog日志恢复的全过程
- apache优化技巧
- MyBatis缓存责任链的建立
- 验证身份证的正则表达式包括15,18 位
- magento根据订单号来获取订单信息
- RAC 环境下修改归档模式
- 基于IBM Cognos 的商业智能分析方案
- the answer of 4clojure 101--