`
Weich_JavaDeveloper
  • 浏览: 101324 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery.jstree学习笔记

阅读更多

SSH +Jquery

 

jsTree.v.1.0rc2

 

<style type="text/css">
	html, body { margin:0; padding:0; }
	body, td, th, pre, code, select, option, input, textarea { font-family:verdana,arial,sans-serif; font-size:10px; }
	.demo, .demo input, .jstree-dnd-helper, #vakata-contextmenu { font-size:10px; font-family:Verdana; }
	#container { width:780px; margin:10px auto; overflow:hidden; position:relative; }
	#demo { width:auto; height:400px; overflow:auto; border:1px solid gray; }
	#text { margin-top:1px; }
	#alog { font-size:9px !important; margin:5px; border:1px solid silver; }
	</style>
</head>
<body>
<div id="demo" class="demo"></div>
<input type="hidden" id="path" value="<s:property value="#attr['contentPath']"/>"/>
<script type="text/javascript">

$(function () {
	$.jstree._themes = $("#path").val()+"/js/jstree/themes/";
	$("#demo").jstree({ 
		"json_data" : {
			data : <s:property value="#request.json" escape="false"/>
		},
		"plugins" : [ "themes", "json_data", "checkbox"]
	});
});
</script>
 
var nodes=$("#demo").jstree("get_checked");
	if(nodes.length > 0){
		$.each(nodes, function(i, n) {
	                guids += $(n).attr("id")+"@"+$(n).attr("nodetype")+"#";
	         });
		 $.getJSON('memberJSON!addTemplateUser.action',{'guids' : guids,'tempId' : $("#tempnum").val()},function(json){
	              if(json.result){
	                  openTo('sl-tab-content','frame.action?templateId=' + $("#tempnum").val());
		      }
	          });
}
 
[{'attr':{'id':'5','nodetype':'g'},'data':'还要测试','children':[{'attr':{'id':'1','nodetype':'u'},'data':'刘喜杰','icon':'/BDMOP3_MMS/js/jstree/leaf.png'},{'attr':{'id':'3','nodetype':'u'},'data':'wch','icon':'/BDMOP3_MMS/js/jstree/leaf.png'},{'attr':{'id':'4','nodetype':'u'},'data':'test','icon':'/BDMOP3_MMS/js/jstree/leaf.png'},{'attr':{'id':'5','nodetype':'u'},'data':'魏春辉','icon':'/BDMOP3_MMS/js/jstree/leaf.png'},{'attr':{'id':'2','nodetype':'u'},'data':'weichunhui','icon':'/BDMOP3_MMS/js/jstree/leaf.png'}],'icon':'/BDMOP3_MMS/js/jstree/folder.png'}]

 

/*if(!m.icon && js.icon) { m.icon = js.icon; }
						if(m.icon) { 
							if(m.icon.indexOf("/") === -1) { tmp.children("ins").addClass(m.icon); }
							else { tmp.children("ins").css("background","url('" + m.icon + "') center center no-repeat"); }
						}*/
						
						tmp.children("ins").css("background","url('" + js.icon + "') center center no-repeat");
 

 

分享到:
评论

相关推荐

    jQuery树形结构菜单代码.zip

    总的来说,这个压缩包提供了一个学习和应用jQuery树形菜单的起点,无论是初学者还是经验丰富的开发者,都可以从中了解到如何利用jQuery创建交互式的菜单系统。通过研究和理解这些文件,你可以掌握如何结合HTML、CSS...

    jQuery三级树状菜单代码.zip

    4. **树状菜单插件(jquery.treemenu.js)**:此文件是树状菜单的核心,它扩展了jQuery的功能,实现了树状菜单的动态加载、展开/折叠、点击事件处理等功能。 三、jQuery树状菜单的实现原理 1. **DOM操作**:通过...

    带搜索功能的jQuery树形菜单代码.zip

    最后,`js`文件夹内通常包含的是JavaScript代码,其中的主文件可能是`jquery.tree.js`或者类似的命名。这个脚本文件实现了树形菜单的核心逻辑,包括初始化菜单、处理点击事件、以及搜索功能的实现。在jQuery中,我们...

    jQuery多级折叠展开树形菜单代码.zip

    在这个文件夹中,通常会有一个名为`jquery.tree.js`或类似的脚本文件,这是实现树形菜单交互的核心。这个JavaScript文件可能包含以下功能: 1. 初始化树形菜单:遍历所有的li元素,根据特定的类名或者属性(如"data...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4...

    jQuery树结构菜单选择器代码.zip

    - JavaScript逻辑:js目录下的文件(可能是未给出的文件名)包含了jQuery代码,用于实现菜单的动态行为。这部分代码可能包括: - 初始化菜单:遍历HTML结构,根据节点的初始状态添加或移除相应的CSS类。 - 监听...

    EsayUI学习笔记

    这篇学习笔记将深入探讨EasyUI的核心概念、主要功能以及如何在实际项目中应用。 一、EasyUI概述 EasyUI 是一个基于 jQuery 的插件集合,它简化了HTML元素的样式设置和事件处理,同时也提供了强大的组件系统,使得...

    ECharts董事会体系层级特效.zip

    1. **图表类型**:ECharts支持多种图表,如树图(Tree)或力导向图(Force),可以用来表示组织结构或层级关系。在这个特效中,可能是使用了其中的一种或结合了多种图表类型。 2. **数据组织**:为了呈现层级关系,...

Global site tag (gtag.js) - Google Analytics