父菜单和子菜单显示问题

weixin_38125228 2016-09-30 02:11:05
现在显示的是父菜单,怎么实现点击父菜单出现子菜单,子菜单的数据已经查到了,怎么将子菜单的数据也显示到页面上 /*添加弹出框*/ function saveMenu(){ $("#saveMenu").modal("show"); } /*修改弹出框*/ function updateMenu(){ $("#updateMenu").modal("show"); } /*删除弹出框*/ function deleteMenu(){ $("#deleteMenu").modal("show"); } var parentMenu = []; var subMenu = []; $(document).ready(function() { $.ajax({ type : 'post', url : 'searchMenu', dataType : 'json', success : function(data){ //获取表格ID var tbody = $("#menuTable"); var row = 0; parentMenu = data.parentMenu; for(var i = 0;i < parentMenu.length;i++){ //序号 var rowNo = row+=1; //追加数据 var $tr = $('<tr>').appendTo(tbody); //序号 $("<td>").html(rowNo).appendTo($tr); //名称 $("<td>").html("<lable id=" + i + " onclick='getSubMenu(" + i + ")'style='cursor:pointer'>" + parentMenu[i].resourcesName + "<span class='caret'></span></lable>").appendTo($tr); //资源路径 $("<td>").html("").appendTo($tr); //排序 $("<td>").html(parentMenu[i].orderNumber).appendTo($tr); //图标 $("<td>").html("").appendTo($tr); //操作 $("<td>").html("").appendTo($tr); //状态 if (parentMenu[i].enabled==true) { $("<td>").html("启用").appendTo($tr); }else{ $("<td>").html("禁用").appendTo($tr); } } } }) }); function getSubMenu(i){ //获取父节点的id var id = document.getElementById(i); if (id.hasChildNodes()){ $.ajax({ type : 'post', url : 'searchMenu', dataType : 'json', data: { resourcesID : parentMenu[i].resourcesID }, success : function(data){ var tbody = $("#menuTable"); var row = 0; subMenu = data.subMenu; for(var i = 0;i < subMenu.length;i++){ var $tr = $('<tr>').appendTo(tbody); $("<td>").html("").appendTo($tr); $("<td>").html(subMenu[i].resourcesName).append($tr); $("<td>").html(subMenu[i].url).append($tr); $("<td>").html(subMenu[i].orderNumber).append($tr); $("<td>").html("").appendTo($tr); $("<td>").html("<a onclick='updateMenu()'>编辑</a>  <a onclick='deleteMenu()'>删除</a>").appendTo($tr); if (subMenu[i].enabled == true) { $("<td>").html("启用").appendTo($tr); }else{ $("<td>").html("禁用").appendTo($tr); } } } }) } else { showMessge("没有数据","modal1"); } }
...全文
79 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

473

社区成员

发帖
与我相关
我的任务
社区描述
其他技术讨论专区
其他 技术论坛(原bbs)
社区管理员
  • 其他技术讨论专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧