2010-01-17

Dojo 如何製作直式選單 ?

Dojo 透過 dijit 的 MenuBar 提供一般常見的橫式選單,不過,dijit.MenuBar 並沒有提供直式 MenuBar 的功能,所以,阿舍就去研究了一下,其實,只要透過 dijit.PopupMenuItem 和 dijit.Menu 的運用就可以做的出來。

阿舍直接以 HTML 的方式來說,要先在最外面將一個 div 的 dojoType 定義為 dijit.Menu,然後裡面再放一個 div 把它的 dojoType 定義為 dijit.PopupMenuItem, 接著再放一個 div,把它的 dojoType 也定義成 dijit.Menu,最後再加上數個 div 當做選單的子項,把它的 dojoType 定義成 dijit.MenuItem,這樣就可以組出直立式的選單了,示意的 HTML 程式碼如下:


   <div dojoType="dijit.Menu">
      <div dojoType="dijit.PopupMenuItem">
         <div dojoType="dijit.Menu">
            <div dojoType="dijit.MenuItem">
               Item11
            </div>
            <div dojoType="dijit.MenuItem">
               Item12
            </div>
         </div>
      </div>
   </div>

推薦閱讀


有疑問? 問題還是沒解決嗎? 歡迎下方留言提問和討論 😁

沒有留言 :

張貼留言

歡迎留言提問和討論 .... 😁