关于 filter-control 的问题?

Question

我的现象是这样的:

1. 

点击test_task_desc 可以进行筛选.

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

继续点击,

会越来越多...

部分代码:
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
            }],]
        });
    
    

Answer 1

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

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

Answer 2

同求答案，急急急！您好，您解决了吗？ 我qq2645702978