1. 程式人生 > >ExtJs實現手風琴格式選單展示(摺疊選單)

ExtJs實現手風琴格式選單展示(摺疊選單)

一、簡單的手風琴格式選單:


 Js程式碼:

Ext.onReady(function(){
     new Ext.Panel({
       renderTo:"hello", 
       title:"容器元件",
       width:500,
       height:200,
       layout:"accordion",
       layoutConfig:{
        collapseFirst:false;
        animate:true
       },
       items:[{title:"子元素1",html:"這是子元素1中的內容"},
              {title:"子元素2",html:"這是子元素2中的內容"},
              {title:"子元素3",html:"這是子元素3中的內容"}]
       });
    });

展示介面樣式: