VisualEditor/Scripts/Layui/lay/modules/extend/tableSelect.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

layui.define(['table', 'jquery', 'form','treeTable'], function (exports) {
    "use strict";

    var MOD_NAME = 'tableSelect',
        $ = layui.jquery,
        form = layui.form;
    var tableSelect = function () {
        this.v = '1.1.0';
    };


    /** 渲染过的控件数据 */
    var tableSelectArr = [];


    /**
    * 初始化表格选择器
    */
    tableSelect.prototype.render = function (opt) {
        

        var elem = opt.elem
        if (!(elem instanceof jQuery)) {
            elem = $(opt.elem);
        }
        var tableDone = opt.table.done || function () { };

        var  table = opt.tabletype === 'treeTable' ? layui.treeTable : layui.table;
        //默认设置
        opt.searchKey = opt.searchKey || 'keyword';
        opt.searchPlaceholder = opt.searchPlaceholder || '关键词搜索';
        opt.checkedKey = opt.checkedKey;
        opt.table.page = opt.table.page || true;
        opt.table.height = opt.table.height || 315;

        

        var tableName = "tableSelect_table_" + new Date().getTime() + parseInt(Math.random() * (100 - 1 + 1) + 1, 10);

        elem.off('click').on('click', function (e) {
            e.stopPropagation();

            //if ($('div.tableSelect').length >= 1) {
            //    return false;
            //}
            if ($('#div_' + tableName+'.tableSelect').length >= 1) {
                return false;
            }

            var t = elem.offset().top + elem.outerHeight() + "px";
            var l = elem.offset().left + "px";
          
            var tableBox = '<div id="div_' + tableName+'" class="tableSelect layui-anim layui-anim-upbit" style="left:' + l + ';top:' + t + ';border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.12);padding:10px 10px 0 10px;position: absolute;z-index:66666666;margin: 5px 0;border-radius: 2px;min-width:530px;">';
            tableBox += '<div class="tableSelectBar">';
            tableBox += '<form class="layui-form" action="" style="display:inline-block;">';
            tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="' + opt.searchKey + '" placeholder="' + opt.searchPlaceholder + '" autocomplete="off" class="layui-input"><button class="layui-btn layui-btn-sm layui-btn-primary tableSelect_btn_search" lay-submit lay-filter="tableSelect_btn_search"><i class="layui-icon layui-icon-search"></i></button>';
            tableBox += '</form>';
            tableBox += '<button style="margin-left:20px;" class="layui-btn layui-btn-sm layui-btn-radius tableSelect_btn_select">选择<span></span></button>';
            tableBox += '<button style="margin-left:10px;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger tableSelect_btn_clear">清空</button>';