`
Weich_JavaDeveloper
  • 浏览: 100271 次
  • 性别: 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.zTree.js.rar

    jquery-1.4.4.min.js jquery.ztree.exhide.min.js jquery.ztree.exedit.min.js jquery.ztree.excheck.min.js jquery.ztree.core.min.js jquery.ztree.all.min.js jquery-1.4.4.js jquery.ztree.exhide.js jquery....

    jquery.hash.min.js 和 jquery.ba-hashchange.min.js

    而 `jquery.hash.min.js` 和 `jquery.ba-hashchange.min.js` 这两个文件则是在 jQuery 基础上扩展了对浏览器 URL hash 变化的处理,从而实现单页面应用(Single Page Application, SPA)中后退和前进按钮的刷新功能...

    jquery.media.js.zip

    &lt;script src="path/to/jquery.js"&gt; &lt;script src="path/to/jquery.media.js"&gt; ``` 2. **初始化媒体元素**:使用jQuery选择器选择需要处理的媒体元素,并调用`.media()`方法。 ```javascript $('video').media(); ``` ...

    jquery.jstree.rar

    jquery.jstree.rar jquery.jstree.rar jquery.jstree.rar jquery.jstree.rar jquery.jstree.rar jquery.jstree.rar jquery.jstree.rar

    jsontree (jquery.treeview.js) jQuery插件版 treeview1.0

    jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...

    jquery.cookie.js,jquery.min.js

    `jquery.min.js`可能是指较新的版本,而`jquery-1.11.0.min.js`是jQuery 1.11.0的压缩版本,它提供了基本的DOM操作和功能,如选择器、事件绑定、动画等。 2. **jQuery Cookie Plugin**: `jquery.cookie.js`是jQuery...

    jquery.tools.min.js 最新的1.2.7版本

    jquery.tools.min.js 最新的1.2.7版本 jquery.min.js是压缩版的jquery库,...而jquery.js是完整的未压缩的jQuery库,带有注释和空格,方便阅读源码,文件比较大;一般用于阅读学习源码或修改源码,一般不用于线上项目

    jquery.jstree.faster.js

    jquery.jstree.faster.js

    jquery.tree.js树形导航菜单插件

    《jQuery.tree.js:构建高效树形导航菜单的插件解析》 在网页设计与开发中,树形导航菜单是一种常见的用户界面元素,它能够清晰地展示层级关系,帮助用户更有效地浏览和理解网站结构。jQuery.tree.js是一款专门用于...

    jquery.page.js下载

    《jQuery.page.js 深入解析与应用指南》 在Web开发领域,jQuery以其简洁的API和强大的功能深受开发者喜爱。而当我们谈论`jquery.page.js`时,这是一款基于jQuery的页面滚动插件,旨在为网页添加平滑的滚动效果,...

    jquery.color.js

    《jQuery.color.js:深入解析jQuery颜色插件》 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。而jQuery.color.js是jQuery的一个扩展插件,它为jQuery对象添加了对颜色操作的支持,使得...

    jquery.base64.js jquery-1.12.4.min.js

    通过深入学习和实践这些知识点,开发者可以更好地利用`jquery-1.12.4.min.js` 和 `jquery.base64.js` 来提升Web应用的用户体验和功能完整性。在实际项目中,结合其他前端技术和框架(如Bootstrap、Vue.js或React.js...

    jquery.marquee.js官方下载

    《jQuery.marquee.js插件深度解析与应用指南》 在Web开发中,滚动效果常常用于吸引用户的注意力,jQuery.marquee.js就是一款专为实现这种滚动效果而设计的JavaScript插件。该插件基于广泛使用的jQuery库,使得创建...

    jquery.checktree.js(添加默认选中功能,补:例子)

    本文将围绕“jquery.checktree.js”这一核心文件,结合新增的默认选中功能,以及示例文件,详细阐述其工作原理和实际应用。 首先,我们关注“jquery.checktree.js”的修改之处。原版jQuery Checktree已经提供了基本...

    Jquery.media.js插件

    Jquery.media.js插件,包含三个文件:jquery.media.js、jquery-1.7.2.min.js、demo.html demo文件如下: &lt;html&gt; &lt;head&gt; [removed][removed] [removed][removed] [removed] $(function() { $('....

    js生成二维码jquery.qrcode.js

    "js生成二维码jquery.qrcode.js" 是一个基于JavaScript和jQuery的库,用于在网页上动态生成二维码。这个功能在移动互联网应用、网站链接分享、电子票务等领域有广泛的应用。 首先,我们要理解JavaScript(简称JS)...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    免费jquery.printArea.js下载

    《jQuery.printArea.js:实现高效票据打印的利器》 在当今的Web开发中,与用户交互并提供便捷服务是至关重要的。特别是在商业应用中,打印功能往往不可或缺,尤其是在处理发票、收据等票据打印时。jQuery.printArea...

    jquery.slimscroll.min.js

    jquery.slimscroll.min.js下载 jquery.slimscroll.min.js下载

    jquery.treegrid.min.js

    jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js

Global site tag (gtag.js) - Google Analytics