jquery easyUI怎么实现这个功能

jquery easyUI怎么实现这个功能,第1张

//添加新的手风琴风格菜单 function addMenu(data, sysName) {var menuList = "和键枝" //回圈全部亮衡模组菜单讯息$.each(data, function (i, objOne) {menuList = "" //回圈某个模组下所有菜单讯息$.each(objOne.MenuInfo, function (j, objTwo) {if (objTwo.PackageUrl != "") {menuList += " " + objTwo.MenuName + "" }else {menuList += " " + objTwo.MenuName + "" }}) menuList += " " $('#divMenuDetail').accordion('add', {title: " + objOne.MenuModelName + "", //菜单模组名称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是第二层,参考一下

你是用的ul和li标签吗?那么你需要设置

ul{

margin:0px

padding:0px

}

想要随着大小变,那个宽度都设置成百分比的形式,这桐嫌局样者祥就可以随之变局让动了

//添加新的手风琴风格菜单   

        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是第二层,参考一下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11983580.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存