ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] > [码云](https://gitee.com/Mr.zhaoGW/layui-form-table) ## 概述 自动根据内容搜索列表并进行展示 ![](https://img.kancloud.cn/ae/ce/aecebaf95c6f8715fe2eb35fc304d16f_883x284.png) 提示:原生的formTable只支持单机,添加下面代码可添加单机时间 ``` //触发行双击事件 table.on(`rowDouble(${tableName})`, function(obj){ var data = obj.data; a.table.rowDouble(data) }); //新增:触发单机事件 table.on(`row(${tableName})`, function(obj){ var data = obj.data; a.table.row(data) }); ``` 使用: ``` ... rowDouble: (data) => { //触发行双击事件 }, row: (data) => { //触发行双击事件 } ... ``` ## 示例 ``` <input type="text" name="parts" placeholder="输入'编码'或'名称'" autocomplete="off" class="layui-input" style="width:200px;float: left;height: 30px;"> layui.config({ base: '/plugin/layui/common/', //拓展模块的根目录 }) .extend({ formTable: '/formTable/formTable' }); layui.use(['table', 'form', 'formTable'], function () { const formTable= layui.formTable; // 查询自动提示 formTable.render({ elem: 'input[name=parts]', url: "/getPart", width: 730, page: true, limit: 15, // 分页 table: { cols: [[ { type: 'numbers', title: '编码', width: '3%' }, { field: 'part_brand', title: '品牌', width: '10%' }, ]], height: 180, tool: { 'add': (data) => { // 表格tool触发事件 }, }, rowDouble: (data) => { //触发行双击事件 } }, }) }) ```