日期:2014-05-16  浏览次数:20402 次

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");
?

?