easy UI樹形核取方塊

2022-04-30 16:18:09 字數 744 閱讀 9668

首先,展示一下結果

這個是使用easyui的combotree控制項來實現的,具體的**如下:

1,宣告乙個核取方塊

<

select

id="roleper"

name

="permissionnamelist"

class

="easyui-combotree"

style

="width:200px;"

data-options

="url:'/sysper/getpertree',required:true,checkbox:true,multiple:true"

>

select

>

制定其url的路徑以及獲取的值

2,url獲取的值的格式如下

[,,,]},,,,]},,,,,]},]},,]
3,這些都完成之後,可以根據

var pids = $('#roleper').combotree('getvalues');
來獲取選擇的值

4,在edit的時候,也可以通過

$('#roleper').combotree("setvalues",row.permissionidlist);
這個來實現。

上面是簡單記錄一下這個控制項的使用方法,具體的實現可以參考文件api,注意,要使用的版本和api的版本要保持一直

layui 樹形元件核取方塊

第一步 匯入的layui必須是2.5後的版本,2.5之前的 弄不了 前端 1 這是第一步的搜尋框 通知使用者 2 這是樹形容器,也就是右邊彈出的選擇框確定 以上是頁面 3 然後寫頁面的js,也就是控制樹形核取方塊那些 以上是寫樹形的js,記得到layui2.5之後的layui.js 4 最後寫後台 ...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...