关于 filter-control 的问题?

我的现象是这样的:

  1. clipboard.png

点击test_task_desc 可以进行筛选.

clipboard.png

当再次点击拉开就变成了这样.

继续点击,

clipboard.png

会越来越多...

部分代码:
html:

<div id="toolbar">
        <button id="resetcondition" class="btn btn-danger">
            <i class="glyphicon glyphicon-cog"></i> 重置搜索条件
        </button>
    </div>
    <table id="table" data-toolbar="#toolbar"
           data-search="true" data-advanced-search="true"
           data-sort-order="desc" data-sort-name="alarmtime"
           data-sort-field="alarmtime" data-show-refresh="true"
           data-show-toggle="true" data-show-columns="true"
           data-show-export="true" data-detail-view="true"
           data-detail-formatter="detailFormatter" data-unique-id="guid"
           data-minimum-count-columns="2" data-show-pagination-switch="false"
           data-pagination="true" data-id-field="guid" data-id-table="advancedTable"
           data-page-list="[10, 25, 50, 100]" data-show-footer="false"
           data-filter-control="true" data-filter-show-clear="true"
           data-side-pagination="server" data-url="getalarmdetail.cpp?<%=request.getQueryString()%>"
           data-response-handler="responseHandler">
    </table>
    

JS:

var $table = $('#table');
    function initTable() {
        $table.bootstrapTable({
            height: getHeight(),
            exportDataType: "basic",
            columns: [[{
                field: 'guid',
                title: "GUID",
                visible: false
            }, {
                title: '通道名称',
                field: 'taskname',
                align: 'center',
                valign: 'middle',
                sortable: true,
                filterControl:"select",
            }, {
                field: 'alarmtime',
                title: '报警时间',
                searchable: true,
                align: 'center',
                sortable: true
            }, {
                field: 'alarmtype',
                title: '报警类型',
                searchable: true,
                align: 'center',
                filterControl:"select",
                formatter: function (value) {
                    return getAlarmTypeName(value);
                }
                //visible: false,
            }, {
                field: 'result',
                title: '处理结果',
                align: 'center',
                formatter: function (value) {
                    return getResult(value);
                }
            }, {
                field: 'level',
                title: '报警等级',
                align: 'center',
                formatter: function (value) {
                    return getLevel(value);
                }
            }, {
                field: 'mark',
                title: '备注',
                align: 'center',
                visible: false
            }, {
                field: 'operate',
                title: '操作',
                align: 'center',
                searchable: false,
                events: operateEvents,
                formatter: operateFormatter
            }],]
        });
    
    
阅读 5.7k
2 个回答

clipboard.png

另外发现如果用了可编辑的行(x-editable)有可能选项就显示异常(为空)了,这是因为文字是在a标签里面的(text是一个a标签)。改下图所示部分,append作用是在选择框里添加临时创建一个option标签。

clipboard.png
过滤的部分不好改,建议改成input输入框。我的话就把括号里改成value,兼容可编辑的a标签,即.html(value));,过滤的可编辑部分使用input输入框搜索。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题