用于龐大數(shù)據(jù)選擇,支持 layui 原生 table 組件的所有功能/自定義關(guān)鍵詞搜索/雙擊選擇/默認賦值/分頁選中
var tableSelect = layui.tableSelect;和其他眾多的組件使用方式一樣 需要render一下~
tableSelect.render({
elem: '#demo', //定義輸入框input對象
checkedKey: 'id' //表格的唯一建值,非常重要,影響到選中狀態(tài) 必填
searchKey: 'keyword', //搜索輸入框的name值 默認keyword
searchPlaceholder: '關(guān)鍵詞搜索', //搜索輸入框的提示文字 默認關(guān)鍵詞搜索
table: { //定義表格參數(shù),與LAYUI的TABLE模塊一致,只是無需再定義表格elem
url:'',
cols: [[]]
},
done: function (elem, data) {
//選擇完后的回調(diào),包含2個返回值 elem:返回之前input對象;data:表格返回的選中的數(shù)據(jù) []
//拿到data[]后 就按照業(yè)務需求做想做的事情啦~比如加個隱藏域放ID...
}
})