jquery easyui tree绑定静态数据的方法

若是动态,返回的是json格式,这个比较常见,就不列举说明了,如果要绑定的数据为静态,很简单,只需将ajax的url改为data

 1   //鼠标单击树事件
 2         $("#tree").tree({
 3             url: TY.Root + ‘System/GetMenuTree‘,//动态获取,若要静态得到,   data: [{ "ID": "1", "text": "应用设备", "children": [{ "ID": "2", "text": "应用服务器" }, { "ID": "3", "text": "Database服务器" }, { "ID": "4", "text": "Arcgis服务器"}] }, { "ID": "5", "text": "网络设备" }, { "ID": "6", "text": "安全设备"}]
 4 ,
 5             animate: true,
 6             lines: true,
 7             onContextMenu: function (e, node) {
 8                 e.preventDefault();
 9                 $(this).tree(‘select‘, node.target);
10                 $(‘#treeMenu‘).menu(‘show‘, {
11                     left: e.pageX,
12                     top: e.pageY
13                 });
14             },
15             onClick: function (node) {
16                 me.load();
17             }
18         });

很简单吧,可以增加自己想要的任意关系类型

时间: 2024-10-10 20:51:03

jquery easyui tree绑定静态数据的方法的相关文章

Jquery easyui tree的使用

这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="height:94%"></ul> JS访问后台: //人员树 $('

jQuery EasyUI datagrid实现本地分页的方法

本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重点用到了pagination的监听,以及JS数组的slice方法来完成.代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 3

JQuery EasyUi Tree获取所有checkbox选中节点的id和内容

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta name="generator" content="HTML Tidy, see www.w3.org">      

Phoenix Framework中为Tree对象填充数据的方法

Phoenix Framework自动化测试工具中的用例结构树,分机预览加载,测试报告视图的层级展示,这些结构化的树形数据都是自动装载生成的,其中我封装了一个公共的方法,供大家参考,代码如下: 使用方法如下: JTree jTree1 = new JTree(); jTree1 = loadTreeModel.LoadCaseTree(); 然后将jTree1放到JScrollPane中即可,如:jScrollPane11.setViewportView(jTree1); 效果图: 大家有什么问

EasyUI Tree onLoadSuccess Data数据不正确

EasyUI Tree OnLoadSuccess Data数据  1.4.1 Data数据中的checked 都为false 但是实际页面中显示确实正确的结果 然后本人开始查找原因 最后折腾半天找到原因: 对象没有对data中的数据完成初始化. 所以自己初始化. 在1491行处加入对checked的赋值!这样 onLoadSuccess事件的Data的check就是正确的值了!

Jquery easyui Tree的简单使用

Jquery easyui 是jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. Jquery easyui 官网:http://jeasyui.com/ ,中文网站:http://www.jeasyui.net/,jquery easyui 下载地址:http://

jquery easyui tree dialog

<script type="text/javascript" src="<%=request.getContextPath()%>/include/javascript/portalPage/jquery-1.11.2.min.js"></script> <link rel="stylesheet" href="<%=request.getContextPath()%>/emr/in

Jquery EasyUI Tree树形结构的Java实现(实体转换VO)

前一阵做的OA项目,有一个是组织架构的树,因为是分开做的,我做的是Controller和页面,其他组做的Service和Dao,因为之前一直没有商量页面用什么框架做比较好,导致,Dao层取出来的数据都不是Easyui Tree所能识别的,其实后台返回的也是树形的结构,但是他们返回来的 **id,而不是Easyui Tree所能识别的id:他们返回的是name,,而不是Easyui Tree所能识别的text,他们返回的是****,,而不是Easyui Tree所能识别的children,因为别人

jquery easyui tree异步加载的简单用法

jsp页面: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+reque