function init() { var treeData = [ { text : "菜单", children : [ { text : "一级菜单1", attributes : { url : "editDataGrid2.do" } }, { text : "一级菜单2", attributes : { url : "" } }, { text : "一级菜单3", state : "closed", children : [ { text : "二级菜单1", attributes : { url : "" } }, { text : "二级菜单2", attributes : { url : "" } }, { text : "二级菜单3", attributes : { url : "" } } ] } ] } ]; //实例化树形菜单 $("#tree").tree({ data : treeData, lines : true, onClick : function (node) { if (node.attributes) { Open(node.text, node.attributes.url); } } }); //在右边center区域打开菜单,新增tab function Open(text, url) { var contents ='<iframe id="tabs_'+text+'" scrolling="auto" frameborder="0" src="" style="width:100%; height:99%">fdfdf</iframe>'; if ($("#tabs").tabs('exists', text)) { $('#tabs').tabs('select', text); } else { $('#tabs').tabs('add', { title : text, closable : true, content : contents }); } $("#tabs_"+text).attr("src", url);//redEx.do //url } }
<div region="west" class="west" title="NAVIGATION"> <ul id="tree"></ul> </div>
<div id="conter" data-options="region:'center'" style="overflow:hidden;"> <div id="tabs" class="easyui-tabs" data-options="fit:true,border:false" style="border: 0px solid;width: 100%; height: 100%;"> </div> </div>
相关推荐
jquery-easyui-tree学习 详情请看:http://blog.csdn.net/wild46cat/article/details/52763256
EasyUI-Tree节点操作示例,适用于大众,内含数据库打开直接用
//设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...
easyui-tree-diasbleCheckbox 树的结点为disable 不能选取
EasyUI的tree及datagrid的综合应用
easyUI tree增删改操作以及easyUI window分类的
easyui tree 例子
Jquery-easyui-tree常见操作,加载树,获取所有选中节点,展开和折叠所有节点,展开和展开指定的节点等操作
easyui tree demo简单又牛逼的异步tree, easyui tree demo简单又牛逼的异步tree,easyui tree demo简单又牛逼的异步tree
简单的easyui tree 例子 。。。
ssm+mysql+easyui-tree的三级联动,我是将数据拼接后传到前台的,应该还是比较简单易懂的
easyui 生成简单的树,是一个学习的例子。
本资源主要是使用easyui控件,并结合ASP。net实现datagrid与数据库的连接,数据的增,删,改,分页操作,完成tree加载数据库数据,希望对开发初学者有所帮助
前台代码可直接复制粘贴,js代码需要修改url路径,后台代码主要需要修改泛型集合和foreach循环中的内容。
easyui tree 改进版 ,支持复选框选择
easyui tree 三帧界面,右面动态显示图片和批注信息
easyui tree使用方式,詳細解釋其中使用方式。
easyui代码生产器,兼容access/mssql/oracle/mysql/sqlite等数据库,可以生成easyui的tree和datagrid的前台以及后台代码.
easyui实现从datagrid组件拖拽到tree组件,代码基于easyui官方 datagrid-dnd.js改变,只经过简单测试,有兴趣的可以下载研究一下。
前台页面包括后台代码,实现了easyui-tree右键增加节点,修改节点,删除节点,包括子节点的操作,并同时更新数据库,动态更新tree