layui 樹型選擇器

2021-10-23 17:40:41 字數 1085 閱讀 3474

表中必須要有id,和pid,其中pid是父親節點,存在值為0,就是根,其他欄位都可以隨意。

//前端頁面上

"text" name=

"href" id=

"tree_cat" lay-verify=

"required" lay-filter=

"tree" value=

"" lay-reqtext=

"選擇框的預設提示內容"

class

="layui-input"

>

// 前端script寫的內容

layui.

config()

.extend()

; layui.

use(

['jquery'

,'treeselect'],

function()

, success:

function

(d)');

//value欄位

treeselect.

checknode

('tree',''

);//為id的樹型選單的位置預設選擇值

console.

log(d);}

});}

);

/**

* @nodeanotation(title="獲取遞迴樹")

*/public

function

treeselect()

function

get_json

($pid=0)

}return $arr;

}

注意如果資料庫字段不是以name為欄位名的選單名, 需要顯示賦值給name,不然在下拉框會出現undefined。

layui時間選擇器的使用

時間選擇器在一定程度上簡化了日期的輸入,而layui作為一款備受歡迎的前端框架,時間選擇器主要以 年選擇器 年月選擇器 日期選擇器 時間選擇器 日期時間選擇器 五種型別的選擇方式為基本核心,並且均支援範圍選擇 即雙控制項 主題簡約卻又不失靈活多樣。接下來就介紹一下日期和時間元件的簡單用法。這是最原始...

Layui實現日期選擇器限定

試跑日期 時間片 天 周月季度 選擇時間片後進行改變時間限定,主要區分季度和當月,原因時資料庫根據月份資料分表,需要根據月份查不同的表。layui的時間選擇器使用方法可以看看官方文件。layui.use laydate jquery form admin function endtime.confi...

基於Layui位址選擇器(移動端)

在基於layui進行移動端定製開發的時候,有乙個收貨位址模組需要設計,參考眾多,選擇了京東的位址選擇器基於layui進行仿照。由於資料統一採用伺服器維護,所以資料這裡不詳細介紹。實現看下我們需要實現的效果 效果圖 結構圖看到這裡使用過layui的同學應該知道怎麼做了。下面那層可以採用layui渲染模...