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>


[+] Ubuntu 指令新手會用到的35個技法 - 這是以阿舍的使用經驗編寫出來的電子書,三天內應該就看的完,學的起來哩 ! 有空就參考一下囉 ! ... ^^=

關於阿舍

好文不藏私,請多分享囉!! ^^=



沒有留言 :

張貼留言

如果留言後,發現留言不見了,這通常是因為 Goolge 把它認為是垃圾留言了,請用信件通知阿舍調整 ( ayubiz@gmail.com )。謝謝 !