Easyui 动态加载树形菜单 四级demo
2017-04-19 14:35
393 查看
第一次发博客,不怎么懂样式,发一个超级有用的动态加载easyui树形菜单一个demo.(大神养成中...)
JSP页面:
<ul id="tree" class="easyui-tree"></ul>
JS:
$(function(){
$('#tree').tree({
url:"http://172.16.0.61:8080/Eagleflight/RecordArchiveAtion/QueryByOffRecordArchive.do"
)};
后台:
//已完成
@ResponseBody
@RequestMapping(value="/QueryByOffRecordArchive",method=RequestMethod.POST,produces="application/json;charset=utf-8")
public List<OrgTree> QueryByOffRecordArchive(){
//所有节点
List<gcRecordArchive> orgList= Recordarchiveservice.QueryByOffRecordArchive(0);
//第一节点集合
List<OrgTree> OrgTreelist =new ArrayList<OrgTree>();
//构建第一节点
for (int i = 0; i < orgList.size(); i++) {
/*单个第一节点*/
OrgTree ot= new OrgTree();
/*单个第一节点ID*/
ot.setId(orgList.get(i).getItem());
/*单个第一节点文本*/
ot.setText("GEX"+orgList.get(i).getItem());
/*单个第一节点打开转态*/
ot.setState("closed");
/*单个第一节点下子节点集合*/
List<OrgTree> list = new ArrayList<OrgTree>();
/*单个第二节点*/
OrgTree voone = new OrgTree();
/*单个第二节点ID*/
voone.setId(orgList.get(i).getItem()+1);
/*单个第二节点文本*/
voone.setText("维修报告");
/*单个第二节点打开状态*/
voone.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listone = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree voone1 = new OrgTree();
/*单个第三节点ID*/
voone1.setId(orgList.get(i).getItem()+4);
/*单个第三节点文本*/
voone1.setText("pdf");
/*单个第三节点打开状态*/
voone1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listone1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree voone1a = new OrgTree();
/*单个第四节点ID*/
voone1a.setId(orgList.get(i).getItem()+6);
/*单个第四节点文本*/
voone1a.setText(orgList.get(i).getPairpeportpathpdf());
/*单个第四节点打开状态*/
voone1a.setState("open");
/*单个第四节点子节点赋空*/
voone1a.setChildren(new ArrayList<OrgTree>());
/*单个第三节点*/
OrgTree voone2 = new OrgTree();
/*单个第三节点ID*/
voone2.setId(orgList.get(i).getItem()+5);
/*单个第三节点文本*/
voone2.setText("word");
/*单个第三节点打开状态*/
voone2.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listone2 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree voone1b = new OrgTree();
/*单个第四节点ID*/
voone1b.setId(orgList.get(i).getItem()+7);
/*单个第四节点文本*/
voone1b.setText(orgList.get(i).getPairpeportpathword());
/*单个第四节点打开状态*/
voone1b.setState("open");
/*单个第四节点子节点赋空*/
voone1b.setChildren(new ArrayList<OrgTree>());
/*单个第二节点*/
OrgTree votwo = new OrgTree();
/*单个第二节点ID*/
votwo.setId(orgList.get(i).getItem()+2);
/*单个第二节点文本*/
votwo.setText("放行证书");
/*单个第二节点打开状态*/
votwo.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listtwo = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree votwo1 = new OrgTree();
/*单个第三节点ID*/
votwo1.setId(orgList.get(i).getItem()+8);
/*单个第三节点文本*/
votwo1.setText("CAAC");
/*单个第三节点打开状态*/
votwo1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listtwo1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree votwo1a = new OrgTree();
/*单个第四节点ID*/
votwo1a.setId(orgList.get(i).getItem()+10);
/*单个第四节点文本*/
votwo1a.setText(orgList.get(i).getCacccertpath());
/*单个第四节点打开状态*/
votwo1a.setState("open");
/*单个第四节点子节点赋空*/
votwo1a.setChildren(new ArrayList<OrgTree>());
/*单个第三节点*/
OrgTree votwo2 = new OrgTree();
/*单个第三节点ID*/
votwo2.setId(orgList.get(i).getItem()+9);
/*单个第三节点文本*/
votwo2.setText("FAA");
/*单个第三节点打开状态*/
votwo2.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listtwo2 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree votwo1b = new OrgTree();
/*单个第四节点ID*/
votwo1b.setId(orgList.get(i).getItem()+11);
/*单个第四节点文本*/
votwo1b.setText(orgList.get(i).getFaacertpath());
/*单个第四节点打开状态*/
votwo1b.setState("open");
/*单个第四节点子节点赋空*/
votwo1b.setChildren(new ArrayList<OrgTree>());
/*单个第二节点*/
OrgTree vothree = new OrgTree();
/*单个第二节点ID*/
vothree.setId(orgList.get(i).getItem()+3);
/*单个第二节点文本*/
vothree.setText("指令单");
/*单个第二节点打开状态*/
vothree.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listthree = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree vothree1 = new OrgTree();
/*单个第三节点ID*/
vothree1.setId(orgList.get(i).getItem()+12);
/*单个第三节点文本*/
vothree1.setText("PDF");
/*单个第三节点打开状态*/
vothree1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listthree1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree vothree1a = new OrgTree();
/*单个第四节点ID*/
vothree1a.setId(orgList.get(i).getItem()+13);
/*单个第四节点文本*/
vothree1a.setText(orgList.get(i).getGexpath());
/*单个第四节点打开状态*/
vothree1a.setState("open");
/*单个第四节点子节点赋空*/
vothree1a.setChildren(new ArrayList<OrgTree>());
/*维修报告填写*/
listone1.add(voone1a);
voone1.setChildren(listone1);
listone2.add(voone1b);
voone2.setChildren(listone2);
listone.add(voone1);
listone.add(voone2);
voone.setChildren(listone);
list.add(voone);
/*放行证书填写*/
listtwo1.add(votwo1a);
votwo1.setChildren(listtwo1);
listtwo2.add(votwo1b);
votwo2.setChildren(listtwo2);
listtwo.add(votwo1);
listtwo.add(votwo2);
votwo.setChildren(listtwo);
list.add(votwo);
/*指令单填写*/
listthree1.add(vothree1a);
vothree1.setChildren(listthree1);
listthree.add(vothree1);
vothree.setChildren(listthree);
list.add(vothree);
/*完结*/
ot.setChildren(list);
OrgTreelist.add(ot);
}
return OrgTreelist;
}
JSP页面:
<ul id="tree" class="easyui-tree"></ul>
JS:
$(function(){
$('#tree').tree({
url:"http://172.16.0.61:8080/Eagleflight/RecordArchiveAtion/QueryByOffRecordArchive.do"
)};
后台:
//已完成
@ResponseBody
@RequestMapping(value="/QueryByOffRecordArchive",method=RequestMethod.POST,produces="application/json;charset=utf-8")
public List<OrgTree> QueryByOffRecordArchive(){
//所有节点
List<gcRecordArchive> orgList= Recordarchiveservice.QueryByOffRecordArchive(0);
//第一节点集合
List<OrgTree> OrgTreelist =new ArrayList<OrgTree>();
//构建第一节点
for (int i = 0; i < orgList.size(); i++) {
/*单个第一节点*/
OrgTree ot= new OrgTree();
/*单个第一节点ID*/
ot.setId(orgList.get(i).getItem());
/*单个第一节点文本*/
ot.setText("GEX"+orgList.get(i).getItem());
/*单个第一节点打开转态*/
ot.setState("closed");
/*单个第一节点下子节点集合*/
List<OrgTree> list = new ArrayList<OrgTree>();
/*单个第二节点*/
OrgTree voone = new OrgTree();
/*单个第二节点ID*/
voone.setId(orgList.get(i).getItem()+1);
/*单个第二节点文本*/
voone.setText("维修报告");
/*单个第二节点打开状态*/
voone.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listone = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree voone1 = new OrgTree();
/*单个第三节点ID*/
voone1.setId(orgList.get(i).getItem()+4);
/*单个第三节点文本*/
voone1.setText("pdf");
/*单个第三节点打开状态*/
voone1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listone1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree voone1a = new OrgTree();
/*单个第四节点ID*/
voone1a.setId(orgList.get(i).getItem()+6);
/*单个第四节点文本*/
voone1a.setText(orgList.get(i).getPairpeportpathpdf());
/*单个第四节点打开状态*/
voone1a.setState("open");
/*单个第四节点子节点赋空*/
voone1a.setChildren(new ArrayList<OrgTree>());
/*单个第三节点*/
OrgTree voone2 = new OrgTree();
/*单个第三节点ID*/
voone2.setId(orgList.get(i).getItem()+5);
/*单个第三节点文本*/
voone2.setText("word");
/*单个第三节点打开状态*/
voone2.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listone2 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree voone1b = new OrgTree();
/*单个第四节点ID*/
voone1b.setId(orgList.get(i).getItem()+7);
/*单个第四节点文本*/
voone1b.setText(orgList.get(i).getPairpeportpathword());
/*单个第四节点打开状态*/
voone1b.setState("open");
/*单个第四节点子节点赋空*/
voone1b.setChildren(new ArrayList<OrgTree>());
/*单个第二节点*/
OrgTree votwo = new OrgTree();
/*单个第二节点ID*/
votwo.setId(orgList.get(i).getItem()+2);
/*单个第二节点文本*/
votwo.setText("放行证书");
/*单个第二节点打开状态*/
votwo.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listtwo = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree votwo1 = new OrgTree();
/*单个第三节点ID*/
votwo1.setId(orgList.get(i).getItem()+8);
/*单个第三节点文本*/
votwo1.setText("CAAC");
/*单个第三节点打开状态*/
votwo1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listtwo1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree votwo1a = new OrgTree();
/*单个第四节点ID*/
votwo1a.setId(orgList.get(i).getItem()+10);
/*单个第四节点文本*/
votwo1a.setText(orgList.get(i).getCacccertpath());
/*单个第四节点打开状态*/
votwo1a.setState("open");
/*单个第四节点子节点赋空*/
votwo1a.setChildren(new ArrayList<OrgTree>());
/*单个第三节点*/
OrgTree votwo2 = new OrgTree();
/*单个第三节点ID*/
votwo2.setId(orgList.get(i).getItem()+9);
/*单个第三节点文本*/
votwo2.setText("FAA");
/*单个第三节点打开状态*/
votwo2.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listtwo2 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree votwo1b = new OrgTree();
/*单个第四节点ID*/
votwo1b.setId(orgList.get(i).getItem()+11);
/*单个第四节点文本*/
votwo1b.setText(orgList.get(i).getFaacertpath());
/*单个第四节点打开状态*/
votwo1b.setState("open");
/*单个第四节点子节点赋空*/
votwo1b.setChildren(new ArrayList<OrgTree>());
/*单个第二节点*/
OrgTree vothree = new OrgTree();
/*单个第二节点ID*/
vothree.setId(orgList.get(i).getItem()+3);
/*单个第二节点文本*/
vothree.setText("指令单");
/*单个第二节点打开状态*/
vothree.setState("closed");
/*单个第二节点下子节点集合*/
List<OrgTree> listthree = new ArrayList<OrgTree>();
/*单个第三节点*/
OrgTree vothree1 = new OrgTree();
/*单个第三节点ID*/
vothree1.setId(orgList.get(i).getItem()+12);
/*单个第三节点文本*/
vothree1.setText("PDF");
/*单个第三节点打开状态*/
vothree1.setState("closed");
/*单个第三节点下子节点集合*/
List<OrgTree> listthree1 = new ArrayList<OrgTree>();
/*单个第四节点*/
OrgTree vothree1a = new OrgTree();
/*单个第四节点ID*/
vothree1a.setId(orgList.get(i).getItem()+13);
/*单个第四节点文本*/
vothree1a.setText(orgList.get(i).getGexpath());
/*单个第四节点打开状态*/
vothree1a.setState("open");
/*单个第四节点子节点赋空*/
vothree1a.setChildren(new ArrayList<OrgTree>());
/*维修报告填写*/
listone1.add(voone1a);
voone1.setChildren(listone1);
listone2.add(voone1b);
voone2.setChildren(listone2);
listone.add(voone1);
listone.add(voone2);
voone.setChildren(listone);
list.add(voone);
/*放行证书填写*/
listtwo1.add(votwo1a);
votwo1.setChildren(listtwo1);
listtwo2.add(votwo1b);
votwo2.setChildren(listtwo2);
listtwo.add(votwo1);
listtwo.add(votwo2);
votwo.setChildren(listtwo);
list.add(votwo);
/*指令单填写*/
listthree1.add(vothree1a);
vothree1.setChildren(listthree1);
listthree.add(vothree1);
vothree.setChildren(listthree);
list.add(vothree);
/*完结*/
ot.setChildren(list);
OrgTreelist.add(ot);
}
return OrgTreelist;
}
相关文章推荐
- 前框 (一个)zTree 从数据库树形菜单动态加载
- PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)
- 前端框架 (一)zTree 从数据库中动态加载树形菜单
- easyUI中树形菜单数据的加载
- 动态树形多选菜单——ztree初始化加载和延迟加载
- EasyUI 树形菜单加载父/子节点
- dtree实现动态加载树形菜单,动态插入树形菜单
- dtree实现动态加载树形菜单,动态插入树形菜单
- javascript树形菜单(一):Tigra Tree Menu,实现动态数据加载
- easyUI 下拉框 树形菜单加载父/子节点
- 前端框架 (一)zTree 从数据库中动态加载树形菜单
- 前端框架 zTree 从数据库中动态加载树形菜单
- 前端框架 (一)zTree 从数据库中动态加载树形菜单
- jQuery-EasyUI异步加载树形菜单
- easyui treegrid动态加载树形列表
- silverlight 动态加载树形菜单[带图标],方法一
- 使用EasyUI加载树形菜单
- 动态加载菜单和动态调用窗体
- JSP 实现动态树形菜单
- 如何实现动态树形菜单