bootstrap-treeview的使用实例使用递归后台拼接Json串
来源:互联网 发布:MySQL设置主键 编辑:程序博客网 时间:2024/06/04 18:57
文章源自:http://blog.csdn.net/an341221/article/details/62215200?locationNum=6&fps=1
一、引入css和js
<link rel="stylesheet" href="${ctxStatic }/common/css/plugins/treeview/bootstrap-treeview.css">
<script src="${ctxStatic}/common/js/plugins/treeview/bootstrap-treeview.js"></script>
二、后台数据的拼接(使用递归函数)
/**
* 获取tree的数据
* @return
*/
@RequestMapping("/getSysOrganizeIdJSON")
@ResponseBody
public String getSysOrganizeIdJSON(){
String StrJSON = getSysOrganizeByParentIdJSON("00000000000000000000000000000001");
StrJSON=StrJSON.substring(0, StrJSON.length()-1);
return StrJSON;
}
/**
* 机构的JSON拼接
* @param id
* @return
*/
private String getSysOrganizeByParentIdJSON(String id){
String sonNodes="";
List<SysOrganize> list = sysOrganizeService.getSysOrganizeByParentId(id);
for(SysOrganize sysOrganize : list){
sonNodes+="{ text: '"+sysOrganize.getOrgName()+"', id: '"+sysOrganize.getOrgId()+"'";
if(!getSysOrganizeByParentIdJSON(sysOrganize.getOrgId()).isEmpty()){
sonNodes+= ", nodes: ["+getSysOrganizeByParentIdJSON(sysOrganize.getOrgId())+"] ";
}
sonNodes+= "},";
}
return sonNodes;
}
三、jsp界面的代码
<div id="tree"></div>
四、js的函数代码
function getTreeJSON(){
$.ajax({
type: "GET",
url: "/getSysOrganizeIdJSON.do",
data: null,
dataType: "text",
success: function(data){
var dt = [{
text: '标题',
nodes: eval('['+data+']')
}]
$('#tree').treeview({
data: dt,
expand: false,
onNodeSelected: function(event, data) {
alert(data['id']);//获取选中node的id
}
});
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});
}
getTreeJSON();
五、补充
参考文档 http://www.bootcdn.cn/bootstrap-treeview/readme/
- bootstrap-treeview的使用实例使用递归后台拼接Json串
- bootstrap-treeview的使用实例
- bootstrap的treeview使用
- bootstrap-treeview 后台拼装JSON
- bootstrap-treeview 后台拼装JSON
- bootstrap-treeview 后台拼装JSON
- bootstrap-treeview 前台使用
- Bootstrap-treeview使用API
- bootstrap-treeview简单使用
- bootstrap-treeview 前台使用
- BootStrap TreeView使用示例
- bootstrap ace treeview组件的使用
- bootstrap-treeview.js的高级使用
- 老版本后台json使用实例
- 使用bootstrap设计的后台管理界面
- Rapidjson的简单使用(拼接json串,存取文件中的json,解析json串)
- Rapidjson的简单使用(拼接json串,存取文件中的json,解析json串)
- WinForm 中TreeView 控件的使用实例
- Java多线程
- curl模拟post提交数据
- Silverlight实用窍门系列:47.Silverlight中元素到元素的绑定,以及ObservableCollection和List的使用区别
- 一个简单的heat模板,仅做自己参考
- 数据存储方式(IO-SharedPreferences)
- bootstrap-treeview的使用实例使用递归后台拼接Json串
- Swift基础之Encoding 和 Decoding
- 十步完全理解 SQL
- 《intellij idea学习经历》-01- 异常:Warning:java: 源值1.5已过时, 将在未来所有发行版中删除
- 机器学习笔记之梯度下降(二)
- js正则表达式椒盐总结
- HDU 5543 Pick The Sticks【三维dp】
- 图片的Base64编码
- 试简介视频编码技术?——知乎大神神回答