表中必須要有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渲染模...