java html表单回显_springmvc+ztree v3实现类似表单回显功能

在做权限管理系统时，可能会用到插件zTree v3,这是一个功能丰富强大的前端插件，应用很广泛，如异步加载菜单制作、下拉选择、权限分配等。在集成SpringMVC中，我分别实现了zTree的添删改查，本节主要实现类似表单回显功能。如图：

1、前端代码

pageEncoding="UTF-8"%>

非异步加载节点

href="${pageContext.request.contextPath }/res/bootstrap/css/bootstrap.min.css" type="text/css">

href="${pageContext.request.contextPath }/res/zTree/css/metroStyle/metroStyle.css" type="text/css">

var zNodes;

var setting = {

check: {

enable: true

},

data: {

simpleData: {

enable: true

}

}

};

//当页面加载完毕，向后台发送ajax请求，获取用户id为1的用户所拥有的权限

//(这里要显示所有权限，该id用户的权限回显时，被自动选中),这里的用户id为1仅做测试使用，实际开发中会传值

function loadPower(){

$.ajax({

type:"post",

url:"${pageContext.request.contextPath }/user/role_list.do",

data:{"userId":1},

async:false,

dataType:"json",

success:function(data){

zNodes=data;

}

})

}

//用户重新选择权限时，获取选择权限的id，此处可以拼接权限id的字符串，到后台切割成数组。String.split(",")

function test(){

//获取被选中的节点集合

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

var nodes = treeObj.getCheckedNodes(true);

//如果nodes的长度大于0说明ztree中有被选中的节点

if(nodes.length>0){

for(var i=0;i

var id=nodes[i]["id"];//获取选中节点的id

var name=nodes[i]["name"];//获取选中节点的名字

alert(id);

alert(name);

}

}else{

alert("没有选中节点");

}

}

//页面加载完毕时加载此方法

$(document).ready(function(){

loadPower();

$.fn.zTree.init($("#treeDemo"), setting, zNodes);

});