layuiTableColumnEdit
在layui table的基础上对表格列进行扩展：点击单元格显示可搜索下拉列表及日期时间选择器。
码云地址：https://gitee.com/yangqianlong98/layuiTableColumnEdit
一、介绍
此项目是为了解决layui table表格单元格（column）点击事件中无下拉列表（select）及日期时间选择器功能的问题。
a.可异步ajax请求后台数据。
b.可直接以数组形式传参
c.可输入关键字搜索下拉框数据
d.可加入日期时间选择器
二、使用说明
1.使用方法
下载define/table-select整个文件夹，放在你的项目里面，然后使用模块加载的方式使用：
layui.config({ base: 'module/' }).extend({ layuiTableColumnEdit:'js/layuiTableColumnEdit' }).use(['table','layuiTableColumnEdit'], function () { var layuiTableColumnEdit= layui.layuiTableColumnEdit; });2.在layui table单元格中渲染下拉列表
<table class="layui-hide" id="tableId" lay-filter="tableEvent"></table> <script> layui.config({ base: 'module/' }).extend({ layuiTableColumnEdit:'js/layuiTableColumnEdit' }).use(['table','layuiTableColumnEdit','layer'], function () { var table = layui.table,layer = layui.layer; var layuiTableColumnEdit = layui.layuiTableColumnEdit; var selectParams = [ {name:1,value:"张三1"}, {name:2,value:"张三2"}, {name:3,value:"张三3"}, {name:4,value:"张三4"}, {name:5,value:"张三5"} ]; var rowData; //当前行数据 table.render({ elem: '#tableId' ,toolbar: '#toolbarDemo' ,id:'id' ,url:'tableData.json' ,height: 'full-90' ,page: true ,cols: [[ {type:'checkbox'} ,{field:'name',title: '日期时间选择器',width:120} ,{field:'age', title: 'table点击事件',width:120,event:'age',sort:'true'}