easyui的accordion为动态生成,accordion的onSelect方法中又动态生成tree,为什么要第二次选择accordion,tree才生成出来

发布于 2021-12-01 04:51:06 字数 1478 浏览 703 评论 13

$(document).ready(function() {
		$.ajax({  
			type: 'POST',
			dataType: "json",
			url:'menu/getAll',
			success: function(data){
				$.each(data,function(i,n){
					$('#menu').accordion('add',{
						title: n.menu_name,
						selected: false,
						content:'<div style="padding:10px"><ul name="'+n.menu_name+'"></ul></div>',
					});
				});
			}
		}); 
		
		$('#menu').accordion({
			onSelect: function(title,index){
				$("ul[name='"+title+"']").tree({
					url: 'menu/getModules?menuName='+title,
				});
				alert(title);
			}
		});		
	});
以上是js写法
<body id="cc" class="easyui-layout">
  <div data-options="region:'north'" style="height: 100px"></div>
  <div data-options="region:'west',title:'导航菜单'" style="width: 200px;">
   <div id="menu" class="easyui-accordion">
   </div>
  </div>
  <div data-options="region:'center'">
   
  </div>
 </body>
返回的json数据都没有错

 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(13

睫毛上残留的泪 2021-12-05 06:52:12

他忽然他

甜柠檬 2021-12-05 06:52:11

应该在 accordion中得到panel,然后在panel的onLoad方法中去加载tree

我是这样做的

$("#zmkzAccordion").accordion({
    onSelect:function(title,index){
    var panel = $("#zmkzAccordion").accordion('getPanel',index);
	panel.panel({
	    onLoad:function(){}

	});
}
});

明月松间行 2021-12-05 06:52:10

你这是干嘛?

吃颗糖壮壮胆 2021-12-05 06:52:07

LA ES el maˊs

归途 2021-12-05 06:52:07

a látere Na sábado laárense è vaca calaña 

冷弦 2021-12-05 06:52:07

au revoir mosquée 

月牙弯弯 2021-12-05 06:52:07

comme vous va tête 

风透绣罗衣 2021-12-05 06:52:05

原因呢

最偏执的依靠 2021-12-05 06:51:49

回复
这不应该吧

网名女生简单气质 2021-12-05 06:51:32

回复
你觉得没问题,可实际跑起来就这样,是不是写法的问题?

温柔少女心 2021-12-05 06:48:26

大神在此

半世蒼涼 2021-12-05 03:29:08

顶啊,大神在哪里?

离去的眼神 2021-12-04 19:00:37

还是靠自己!!!更换写法

<body id="cc" class="easyui-layout">
		<div data-options="region:'north'" style="height: 100px"></div>
		<div data-options="region:'west',title:'导航菜单'" style="width: 200px;">
			<div id="menu" class="easyui-accordion" data-options="fit:true,">
				<c:forEach items="${menus}" var="menu">
				<div style="padding-top: 10px;" title="${menu.menu_name}">
					<ul id="tree${menu.menu_id}" class="easyui-tree">
						<c:forEach items="${modules}" var="module">
							<c:if test="${menu.menu_id==module.menu.menu_id}">
								<li>
									<span>${module.module_name}</span>
								</li>
							</c:if>
						</c:forEach>
					</ul>
				</div>
				</c:forEach>
			</div>
		</div>
		<div data-options="region:'center'">

		</div>
	</body>

 

 

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文