动态创建一个Accordion的菜单
2009-04-24 13:33
369 查看
function getMenu() { var menus =[ {title:'Menu1',id:'Menu1',items:[{title:'menu11',id:'menu11',url:'url11'},{title:'menu12',id:'menu12',url:'url12'}]}, {title:'Menu2',id:'Menu2',items:[{title:'menu21',id:'menu21',url:'url21'},{title:'menu22',id:'menu22',url:'url22'}]}, {title:'Menu3',id:'Menu3',items:[{title:'menu31',id:'menu31',url:'url31'},{title:'menu32',id:'menu32',url:'url32'}]} ]; var menuRoot = Ext.get('menu'); for(var i=0;i<menus.length;i++) { var menuItem = menus[i]; var menuItemRoot = Ext.DomHelper.append(menuRoot,"<div id = "+menuItem.id+"></div>",false); for(var j=0;j<menuItem.items.length;j++) { Ext.DomHelper.append(menuItemRoot,"<br><a href="+menuItem.items[j].url+" mce_href="+menuItem.items[j].url+" id = "+menuItem.items[j].id+">"+menuItem.items[j].title+"</a>",false); } } var accordionItems = []; for(var i=0;i<menus.length;i++) { accordionItems[i]={title:menus[i].title,contentEl:menus[i].id}; } return accordionItems; } Ext.onReady(onReady); function onReady() { var panel = new Ext.Panel({ layout:'accordion', layoutConfig: { activeOnTop:false, fill:true, hideCollapseTool:false, titleCollapse:true, animate:true }, frame:true, height:150, width:250, applyTo:'menu', items:getMenu() }); }
相关文章推荐
- wxPython 一个很好的窗口、菜单创建例子
- easyui学习笔记之动态创建手风琴菜单
- 利用动态内存分配创建一个二维数组
- 一个分页跟动态创建列的控件
- 动态创建ASP.NET AJAX Control Toolkit中的Accordion控件
- asp.net(c#)动态创建一个文本框和按钮并取得文本框的值
- jquery easyui-accordion做的动态菜单
- [Andriod官方训练教程]使用Fragment创建一个动态的UI之使用Support Library
- [Andriod官方训练教程]使用Fragment创建一个动态的UI之创建一个Fragment
- MFC动态创建菜单
- onethink动态扩展菜单中遇到的一个小bug解决思路
- 用C#与XML创建动态分层菜单
- 【PB】如何创建一个动态的数据窗口对象?
- 从 Java 应用程序动态生成 PDF 文件一个简化了 PDF 创建过程的开源库 iText 的分步指南
- MFC中动态创建N级菜单以及响应事件——续——动态添加菜单/菜单项、子菜单、右键菜单
- 右键菜单动态菜单的创建 第六课第三部分
- [收藏]用C++动态创建一个Access数据库
- mybatis创建一个或多个新用户 insert 字段和表名不确定时动态添加
- mybatis创建一个或多个新用户 insert 字段和表名不确定时动态添加问题
- 如何创建一个非常酷的3D效果菜单(swift)