1、認識jQuery Tree Multiselect

這個插件允許用戶以樹型的形式來呈現(xiàn)列表復選框的選擇。多用于權(quán)限管理中用于分配不同的權(quán)限。使用文檔,請參考:
     https://github.com/patosai/tree-multiselect.js

2、運行環(huán)境

  • 2.1、需要引入jquery.v1.8+版本和jquery ui.js

  • 2.2、只能在IE8以上的版本中運行

3、效果圖展示:

給角色分配權(quán)限中,操作欄中有兩個按鈕:修改和授權(quán)

   電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

    點擊授權(quán)按鈕,效果如圖:

    直觀的菜單呈現(xiàn):

   電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

   右邊帶有選項標識:

   電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

4、使用方法及參數(shù)描述

  • 4.1、初始化方法:$("select").treeMultiselect();

  • 4.2、選擇屬性名稱使用:

電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

   selected:當給

網(wǎng)友評論