前端自定义组件，表单顠浮层（动态表格，静态引用）

顠浮层就是表单上面绑琮一个动态div ,宽度和表单一样，顠浮在表单下面如图所示：

总使用流程分三，第一静态示例，第二动态数据第三请求发送

第一，静态使用

基础代码思路，

动态表格，静态引用

第二，动态表格

这儿除了jboit-table 可以设高度表格也可以设高度

第三，后端请求填充数据

这儿思路是先要有一个静态模块页，然后ajax 将整个页面请求过来，不是请求json 填充到当前面，后端是直接返回整个页的

表格这一块是单独一个静态页（模板页）

我们要的页面上只要指定一下类型

当然后端需要支持后端代码示例如下：

增加过过滤显示

增加动态搜索

第一步先面模块页上加搜索框

<form class="form-inline" id="jboltTopForm_#(pageId)" onsubmit="return false;">
    <input type="text" autocomplete="off" class="form-control" placeholder="输入关键字">
    <select data-autoload class="form-control" name="type" data-url="admin/dictionary/options?key=school_type" data-value-field="value" data-text-field="text" data-value="">
        <!-- 选项将通过JavaScript动态加载 -->
    </select>
    <button type="submit" class="btn btn-light"><i class="fa fa-search"></i> 查询</button>
</form>