level 6
浮生丶梦死
楼主
前端
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="../lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="../lib/zTree/V3/css/demo.css"/>
<title>this is a titile</title>
</head>
<body>
<div class="pd-20">
<div class="" style="float:left;">
<ul id="treeDemo" class="ztree "></ul>
</div>
</div>
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/zTree/v3/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript">
var setting = {
view: {
selectedMulti: false, // 不允许同时选中多个节点
showIcon: false, // 不显示图标
fontCss: setFontCss // 设置样式
},
async: {
enable: true, // 开启异步加载
url: "new-monitor-index.do",
autoParam: ["id"],
dataFliter: ajaxDataFilter
}
};
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
});
//设置树样式
function setFontCss(treeId, treeNode){
return treeNode.isParent ? {"font-weight":"bold"} : {};
}//ajax传参
function ajaxDataFilter(treeId, parentNode, responseData){
if (!responseData) return null;
for (var i = 0; i < responseData.length; i++) {
// responseData[i].name+="_filter";/.n/
responseData[i].name = responseData[i].name.replace(/\.n/g, '.');
};
return responseData;
}
</script>
</body>
</html>
后台
@RequestMapping(value = "/new-monitor-index.do")
public void newMonitorIndex(HttpServletRequest request,HttpServletResponse response){
HashMap<String, Object> jsonMap = new HashMap<String, Object>();
String id = request.getParameter("id");
String sql = "select * from xxx ;"//这里查询所有,加载所有
List<Map<String, Object>> index = xxxxImpl.findBySql(sql);
//转json
JSONArray jsonArray = new JSONArray();
if (index != null && !index.isEmpty()) {
for (int i = 0; i < index.size(); i++) {
Map<String, Object> info = index.get(i);
JSONObject jsonObject = new JSONObject();
jsonObject.putAll(info);
jsonArray.add(jsonObject);
}
writeJson(jsonMap, request, response);//做一些处理返回到前台
}
结果前台页面直接显示一串json字符串,树没了
哪位高手解答下
2016年12月01日 08点12分
1
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="../lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="../lib/zTree/V3/css/demo.css"/>
<title>this is a titile</title>
</head>
<body>
<div class="pd-20">
<div class="" style="float:left;">
<ul id="treeDemo" class="ztree "></ul>
</div>
</div>
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/zTree/v3/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript">
var setting = {
view: {
selectedMulti: false, // 不允许同时选中多个节点
showIcon: false, // 不显示图标
fontCss: setFontCss // 设置样式
},
async: {
enable: true, // 开启异步加载
url: "new-monitor-index.do",
autoParam: ["id"],
dataFliter: ajaxDataFilter
}
};
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
});
//设置树样式
function setFontCss(treeId, treeNode){
return treeNode.isParent ? {"font-weight":"bold"} : {};
}//ajax传参
function ajaxDataFilter(treeId, parentNode, responseData){
if (!responseData) return null;
for (var i = 0; i < responseData.length; i++) {
// responseData[i].name+="_filter";/.n/
responseData[i].name = responseData[i].name.replace(/\.n/g, '.');
};
return responseData;
}
</script>
</body>
</html>
后台
@RequestMapping(value = "/new-monitor-index.do")
public void newMonitorIndex(HttpServletRequest request,HttpServletResponse response){
HashMap<String, Object> jsonMap = new HashMap<String, Object>();
String id = request.getParameter("id");
String sql = "select * from xxx ;"//这里查询所有,加载所有
List<Map<String, Object>> index = xxxxImpl.findBySql(sql);
//转json
JSONArray jsonArray = new JSONArray();
if (index != null && !index.isEmpty()) {
for (int i = 0; i < index.size(); i++) {
Map<String, Object> info = index.get(i);
JSONObject jsonObject = new JSONObject();
jsonObject.putAll(info);
jsonArray.add(jsonObject);
}
writeJson(jsonMap, request, response);//做一些处理返回到前台
}
结果前台页面直接显示一串json字符串,树没了
哪位高手解答下