TableSelect表格选择

基于layui的table模块封装的下拉select选择，支持分页，单选与多选功能。

基本使用

<!-html->
<input type="text" name="accountId" id="supplierName" readonly placeholder="请选择" class="layui-input">

// js
tableSelect.render({
   elem: '#supplierName',	//定义输入框input对象
   checkedKey: 'id', //表格的唯一建值，非常重要，影响到选中状态 必填
   searchKey: 'keyWords',	//搜索输入框的name值 默认keyword
   searchPlaceholder: '输入名称筛选',	//搜索输入框的提示文字 默认关键词搜索
   table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
       , cols: [
           [
               { type: 'radio' },
               { field: 'userName', title: '用户名称', align: 'center' },
               { field: 'mobile', title: '电话', align: 'center' },
               { field: 'email', title: '邮箱', align: 'center' }
           ]
       ]
       , page: true
   },
   done: function (elem, data) {
       //选择完后的回调，包含2个返回值 elem:返回之前input对象；data:表格返回的选中的数据 []
   }
})

效果演示

Api

参数	说明	类型	默认值	可选值
elem	DOM对象的id	String	--	--
checkedKey	表格的唯一建值	String	--	--
searchKey	列表搜索的key	String	--	--
searchPlaceholder	列表搜索的提示文字	String	关键词搜索	--
table	同table模块一致	Object	--	--
done	选中后的回调	Function	--	--
ts-selected	默认选中（eg.在绑定的DOM上增加ts-selected=“1,2,3”）