Openerp WEB 前端开发
-
最近在做一个openerp的模块但是由于左侧菜单栏较多,考虑给左侧的菜单栏做一个折叠菜单的小功能,但是没能实现
看了一下openerp左侧菜单栏的结构是这个样子的:<br /><div class="oe_secondary_menus_container"><br /> <div class="oe_secondary_menu"><br /> <div class="oe_secondary_menu_section">...</div><br /> <ul class="oe_secondary_submenu">...</ul><br /> </div><br /> <div class="oe_secondary_menu">...</div><br /> <div class="oe_secondary_menu">...</div><br />...............<br /></div><br />
我在/modules/static/src/js/modules.js文件中有如下代码:<br />openerp.polling = function(instance) {<br /> var _t = instance.web._t,<br /> _lt = instance.web._lt;<br /> var QWeb = instance.web.qweb;<br /><br /> instance.polling = {};<br /><br /> $(function () {<br /> var MenuOne = $(".oe_secondary_menu_section");<br /> var MenuTwo = $(".oe_secondary_submenu");<br /> $(MenuOne).each(function (i) {<br /> $(this).click(function () {<br /> if ($(MenuTwo[i]).css("display") == "block") {<br /> $(MenuTwo[i]).slideUp(300);<br /> $(MenuOneLi[i]).removeClass("menu-show")<br /> } else {<br /> for (var j = 0; j < aMenuTwo.length; j++) {<br /> $(MenuTwo[j]).slideUp(300);<br /> $(MenuOneLi[j]).removeClass("menu-show");<br /> }<br /> $(MenuTwo[i]).slideDown(300);<br /> $(MenuOneLi[i]).addClass("menu-show")<br /> }<br /> });<br /> });<br /> });<br />}<br />
测试结果不行,但是在oe前段自己做的页面添加一个类似的菜单结构,再用如上方法可以实现折叠菜单的功能。
请问我这个是不是和oe本身的那啥啥有冲突啊,加上以后左侧菜单会载入的慢一些,不能实现折叠菜单的功能。
还请有过类似开发经验的大神不吝赐教,谢谢了!