ztree jquery 树 控件
2016-07-24 18:06
639 查看
插件地址:http://www.ztree.me
数据:[{"id":1,"pId":-1,"name":"根目录"},{"id":2,"pId":1,"name":"子目录1"}]
$.request
数据:[{"id":1,"pId":-1,"name":"根目录"},{"id":2,"pId":1,"name":"子目录1"}]
<ul id="tree" class="ztree" style="padding: 0px 0px;"></ul>
$.ajax({ method: 'get', url: 'api/ZTree/Get', contentType: "application/json; charset=utf-8", success: function (data) { $.fn.zTree.init($("#tree"), { view: { showIcon: true, showLine: true, showTitle: true }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId:-1 }, key: { title: "Info" } }, callback: { onClick: function (event,treeId,treeNode,clickFlag) { console.log(treeNode) } } }, eval(data)); } });
var cid = $.request.queryString["mid"]; if (cid != null) { var treeObj = $.fn.zTree.getZTreeObj("tree_Doc"); var node = treeObj.getNodeByParam("id", cid, null); if (node != null) { treeObj.selectNode(node); } }
$.request = (function () { var apiMap = {}; function request(queryStr) { var api = {}; if (apiMap[queryStr]) { return apiMap[queryStr]; } api.queryString = (function () { var urlParams = {}; var e, d = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); }, q = queryStr.substring(queryStr.indexOf('?') + 1), r = /([^&=]+)=?([^&]*)/g; while (e = r.exec(q)) urlParams[d(e[1])] = d(e[2]); return urlParams; })(); api.getUrl = function () { var url = queryStr.substring(0, queryStr.indexOf('?') + 1); for (var p in api.queryString) { url += p + '=' + api.queryString[p] + "&"; } if (url.lastIndexOf('&') == url.length - 1) { return url.substring(0, url.lastIndexOf('&')); } return url; } apiMap[queryStr] = api; return api; } $.extend(request, request(window.location.href)); return request; })();
$.request
相关文章推荐
- jQuery 尺寸
- jQuery实现级联菜单<数据动态加载>
- **JQUERY** jQuery与HTML
- jQuery选择器
- **JQUERY** jQuery效果
- sitemesh+jquery制作web项目统一导航条
- jQuery总结(一)
- jQuery选择器
- 一周乱弹(jquery select保留第一项,其余清空2,SimpleDateFormat 最全参考例子3,sql in语句4,jQuery 修改按钮样式及禁用按钮5当单选框值改变时获取单选框的值)
- jQuery.Deferred 源码分析
- jquery--uploadify 插件
- **JQUERY**系列一:jQuery简介
- 说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
- 【翻译】使用CSS3和jQuery制作跟随鼠标方位的Hover特效
- jQuery基础-动画篇
- 基于jQuery实现多标签页切换的效果(web前端开发)
- jquery中each的三种遍历方法
- jquery实现两种轮播效果
- 关于 jquery/touchSwipe.js
- 基于jQuery实现多标签页切换的效果(web前端开发)