Question

使用jQuery easyui后台模板的的怎么实现两层菜单的动态添加

程序有两层菜单，第一层也是动态的，第二层也是动态的。
如果第一层不是动态，第二层是动态的，这个没有问题，可以容易实现。
现在是两层都是动态的，就不知道怎么实现了？
想要的效果单击第一层菜单，右侧栏也可以显示界面

Answer 1

//添加新的手风琴风格菜单   
        function addMenu(data, sysName) {
            var menuList = "";
            //回圈全部模组菜单讯息
            $.each(data, function (i, objOne) {

                menuList = "<ul class='easyui-datalist' style='height:100%;' >";
                //回圈某个模组下所有菜单讯息
                $.each(objOne.MenuInfo, function (j, objTwo) {
                    if (objTwo.PackageUrl != "") {
                        menuList += " <li><a href='#' onclick=\"addTab('" + objTwo.MenuName + "','" + objTwo.PackageUrl + "')\">" + objTwo.MenuName + "</a></li>";
                    }
                    else {
                        menuList += " <li>" + objTwo.MenuName + "</li>";
                    }
                });
                menuList += " </ul>";

                $('#divMenuDetail').accordion('add', {
                    title: <a href='#' onclick=\"addTab('" + objOne.MenuModelName + "','" + objOne.PackageUrl + "')\">" + objOne.MenuModelName + "</a>", //菜单模组名称
                    content: menuList, //本模组菜单清单
                    selected: false
                });
            });

            var pp = $('#divMenuDetail').accordion('panels');
            var t = pp[0].panel('options').title;
            $('#divMenuDetail').accordion('select', t);
        }

这是我自己用的easyUI动态生成两层菜单前台JS方法

你需要用ajax去后台抓出两层菜单传到前台，objOne是第一层，objTwo是第二层，参考一下

追问

请问你的easyUI动态生成两层菜单，是自己写的吗，光这个前台JS, 我不会用唉！

追答

是自己写的啊，我不能把整个工程给你啊，那就泄露公司机密了啊。。。
我给你粘的这段代码就是生成菜单的核心代码了啊，再解释一下关键参数吧
data：调用ajax生成的包含两层菜单信息的json串
sysName：这里用不到这个参数，不用管
这两层菜单其实就是拼的 ul li 加上了easyUI的样式
用each循环遍历data中的菜单数据，绑定到对应 ul li 标签里面的a标签上

如果你不太懂的话，看周围有没有比较懂一点的同事，帮你看看这段代码，一看就明白了

追问

好的，谢谢！