天天看點

[ExtJS5學習筆記]第十七節 Extjs5的panel元件增加accodion成為折疊導航欄

<a target="_blank" href="http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each"></a>

------------------------------------------------------------------------------------------------------------------------------------

先看下官方例子的效果吧,看起來很不錯的喲:

[ExtJS5學習筆記]第十七節 Extjs5的panel元件增加accodion成為折疊導航欄

看下官方給的代碼:

代碼内容:

現在看看我的最後成果:

[ExtJS5學習筆記]第十七節 Extjs5的panel元件增加accodion成為折疊導航欄

看起來是不是跟官方的差不多呀,哈哈。這就是模仿咯,能知道如何看官方的例子了,感覺就來啦,可以順利上手的樣子了。

哈哈。

看看需要做哪些就可以達到如上效果吧!

1.增加菜單項的内容,就是 學生檔案、教室檔案那些,這個我們暫時放在mainmodel下的data裡面,這個自己制定,可以直接在panel的items定死也是可以的,這裡動态擷取一下。

在regions目錄下建立Left.js内容如下:

在main.js中引入這個單元:

在items中增加這個折疊導航:

OK,完工。現在就可以有個折疊導航啦

繼續閱讀