ztree
=======================================================
<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String webPath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort();
String path = request.getContextPath();
webPath += path;
String id = request.getParameter("id");
String isFlag = request.getParameter("isFlag");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>ZTREE DEMO - checkbox</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=webPath%>/resourses/css/demo.css" type="text/css">
<link rel="stylesheet" href="<%=webPath%>/resourses/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
<SCRIPT type="text/javascript">
var setting = {
check: {
enable: true
},
data: {
key: {
name: "menuName"
},
simpleData: {
enable: true,
idKey: "id",
pIdKey: "parentId",
rootPId: 0
}
}
};
var zNodes =[
{ id:1, parentId:0, menuName:"随意勾选 1", open:false},
{ id:11, parentId:1, menuName:"随意勾选 1-1", open:true},
{ id:111, parentId:11, menuName:"随意勾选 1-1-1"},
{ id:1111, parentId:111, menuName:"随意勾选 1-1-1-1"},
{ id:112, parentId:11, menuName:"随意勾选 1-1-2"},
{ id:12, parentId:1, menuName:"随意勾选 1-2", open:true},
{ id:121, parentId:12, menuName:"随意勾选 1-2-1"},
{ id:122, parentId:12, menuName:"随意勾选 1-2-2"},
{ id:2, parentId:0, menuName:"随意勾选 2", checked:true, open:false},
{ id:21, parentId:2, menuName:"随意勾选 2-1"},
{ id:22, parentId:2, menuName:"随意勾选 2-2", open:true},
{ id:221, parentId:22, menuName:"随意勾选 2-2-1", checked:true},
{ id:222, parentId:22, menuName:"随意勾选 2-2-2"},
{ id:23, parentId:2, menuName:"随意勾选 2-3"}
];
var code;
function setCheck() {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
py = $("#py").attr("checked")? "p":"",
sy = $("#sy").attr("checked")? "s":"",
pn = $("#pn").attr("checked")? "p":"",
sn = $("#sn").attr("checked")? "s":"",
type = { "Y":"ps", "N":"ps"};
zTree.setting.check.chkboxType = type;
//showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
}
//function showCode(str) {
// if (!code) code = $("#code");
// code.empty();
// code.append("<li>"+str+"</li>");
//}
function treeSubmit() {
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getCheckedNodes(true);
var events=[];
$(nodes).each(function(i,val) {
events.push({
id: val.id,
parentId:val.parentId,
menuName:val.menuName
})});
var roleId=$("#roleid").val();
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/savetree.do?roleId="+roleId,
data: JSON.stringify(events),
dataType: "json",
contentType:"application/json"
});
window.parent.$.colorbox.close();
}
var datamenu;
function loaddata() {
var isFlag="${isFlag}";
if(isFlag=="no"){
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/getAllMenuByIsShow.do",
dataType: "json",
success: function (data) {
datamenu=data;
$.fn.zTree.init($("#treeDemo"), setting, data);
setCheck();
var roleid = $("input[name='roleid']").val();
loadSelectedData(roleid);
}
});
}else{
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/getAllMenuDto.do",
dataType: "json",
success: function (data) {
datamenu=data;
$.fn.zTree.init($("#treeDemo"), setting, data);
setCheck();
var roleid = $("input[name='roleid']").val();
loadSelectedData(roleid);
}
});
}
};
function loadSelectedData(roleid) {
//setTimeout(timelater(),5000);
var zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/querySelectedListformal.do?roleid="+ roleid,
dataType : "json",
success : function(data) {
var zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
if(zTree_Menu==null){
zTree_Menu=$.fn.zTree.getZTreeObj("treeDemo");
}
var nodes = zTree_Menu.transformToArray(zTree_Menu.getNodes());
$(data).each(function(i,val) {
var menuId=val.menuId+"";
if (nodes.length>0) {
for(var i=0;i<nodes.length;i++){
if(menuId==(nodes[i].id+"")){
nodes[i].checked = true;
zTree_Menu.updateNode(nodes[i]);
}
}
}
});
setCheck();
}
});
}
function timelater() {
alert(111);
}
$(document).ready(function() {
// loadRloeData();
var roleid = $("input[name='roleid']").val();
loaddata();
});
</SCRIPT>
</HEAD>
<BODY>
<div align="center">
<div>
<%--<label>角色：</label>--%>
<%--<select >--%>
<%--<option value="0" selected="selected">===请选择===</option>--%>
<%----%>
<%--</select>--%>
<input type="hidden" name="roleid" id="roleid" value="${id}">
</div>
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
<br />
<div>
<input type="button" value="提交" onclick="treeSubmit()">
</div>
</div>
</BODY>
</HTML><%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String webPath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort();
String path = request.getContextPath();
webPath += path;
String id = request.getParameter("id");
String isFlag = request.getParameter("isFlag");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>ZTREE DEMO - checkbox</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=webPath%>/resourses/css/demo.css" type="text/css">
<link rel="stylesheet" href="<%=webPath%>/resourses/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="<%=webPath%>/resourses/js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
<SCRIPT type="text/javascript">
var setting = {
check: {
enable: true
},
data: {
key: {
name: "menuName"
},
simpleData: {
enable: true,
idKey: "id",
pIdKey: "parentId",
rootPId: 0
}
}
};
var zNodes =[
{ id:1, parentId:0, menuName:"随意勾选 1", open:false},
{ id:11, parentId:1, menuName:"随意勾选 1-1", open:true},
{ id:111, parentId:11, menuName:"随意勾选 1-1-1"},
{ id:1111, parentId:111, menuName:"随意勾选 1-1-1-1"},
{ id:112, parentId:11, menuName:"随意勾选 1-1-2"},
{ id:12, parentId:1, menuName:"随意勾选 1-2", open:true},
{ id:121, parentId:12, menuName:"随意勾选 1-2-1"},
{ id:122, parentId:12, menuName:"随意勾选 1-2-2"},
{ id:2, parentId:0, menuName:"随意勾选 2", checked:true, open:false},
{ id:21, parentId:2, menuName:"随意勾选 2-1"},
{ id:22, parentId:2, menuName:"随意勾选 2-2", open:true},
{ id:221, parentId:22, menuName:"随意勾选 2-2-1", checked:true},
{ id:222, parentId:22, menuName:"随意勾选 2-2-2"},
{ id:23, parentId:2, menuName:"随意勾选 2-3"}
];
var code;
function setCheck() {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
py = $("#py").attr("checked")? "p":"",
sy = $("#sy").attr("checked")? "s":"",
pn = $("#pn").attr("checked")? "p":"",
sn = $("#sn").attr("checked")? "s":"",
type = { "Y":"ps", "N":"ps"};
zTree.setting.check.chkboxType = type;
//showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
}
//function showCode(str) {
// if (!code) code = $("#code");
// code.empty();
// code.append("<li>"+str+"</li>");
//}
function treeSubmit() {
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getCheckedNodes(true);
var events=[];
$(nodes).each(function(i,val) {
events.push({
id: val.id,
parentId:val.parentId,
menuName:val.menuName
})});
var roleId=$("#roleid").val();
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/savetree.do?roleId="+roleId,
data: JSON.stringify(events),
dataType: "json",
contentType:"application/json"
});
window.parent.$.colorbox.close();
}
var datamenu;
function loaddata() {
var isFlag="${isFlag}";
if(isFlag=="no"){
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/getAllMenuByIsShow.do",
dataType: "json",
success: function (data) {
datamenu=data;
$.fn.zTree.init($("#treeDemo"), setting, data);
setCheck();
var roleid = $("input[name='roleid']").val();
loadSelectedData(roleid);
}
});
}else{
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/getAllMenuDto.do",
dataType: "json",
success: function (data) {
datamenu=data;
$.fn.zTree.init($("#treeDemo"), setting, data);
setCheck();
var roleid = $("input[name='roleid']").val();
loadSelectedData(roleid);
}
});
}
};
function loadSelectedData(roleid) {
//setTimeout(timelater(),5000);
var zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
$.ajax({
type: "post",
url: "<%=webPath%>/system/acount/querySelectedListformal.do?roleid="+ roleid,
dataType : "json",
success : function(data) {
var zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
if(zTree_Menu==null){
zTree_Menu=$.fn.zTree.getZTreeObj("treeDemo");
}
var nodes = zTree_Menu.transformToArray(zTree_Menu.getNodes());
$(data).each(function(i,val) {
var menuId=val.menuId+"";
if (nodes.length>0) {
for(var i=0;i<nodes.length;i++){
if(menuId==(nodes[i].id+"")){
nodes[i].checked = true;
zTree_Menu.updateNode(nodes[i]);
}
}
}
});
setCheck();
}
});
}
function timelater() {
alert(111);
}
$(document).ready(function() {
// loadRloeData();
var roleid = $("input[name='roleid']").val();
loaddata();
});
</SCRIPT>
</HEAD>
<BODY>
<div align="center">
<div>
<%--<label>角色：</label>--%>
<%--<select >--%>
<%--<option value="0" selected="selected">===请选择===</option>--%>
<%----%>
<%--</select>--%>
<input type="hidden" name="roleid" id="roleid" value="${id}">
</div>
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
<br />
<div>
<input type="button" value="提交" onclick="treeSubmit()">
</div>
</div>
</BODY>
========================================================
</HTML>
猜你喜欢
转载自yuhuiblog6338999322098842.iteye.com/blog/2248904
今日推荐
周排行