Question

我正在使用bs_grid来显示来自数据库的数据。我想隐藏默认的过滤器按钮，因为我不使用它，但是找到任何先前的问题或某些指示似乎很困难。

感谢任何帮助。

编辑：jquery插件使用单个div来显示所有基于某些初始设置计算的网格

HTML代码：

&lt;div id="cliente_grid"&gt;&lt;/div&gt;

JS代码：

$(function() {

$("#cliente_grid").bs_grid({

    ajaxFetchDataURL: "ajax/ajax_fetch_cliente_data.php",
    row_primary_key: "ID_anagrafica_clienti",
    columns: [
        {field: "ID_anagrafica_clienti", header: "Code", visible: "no"},
        {field: "Codice_Fiscale", header: "Codice Fiscale"},
        {field: "Cognome", header: "Cognome"},
        {field: "Nome", header: "Nome"},
        {field: "Sesso", header: "Sesso"},
        {field: "Data_nascita", header: "Data nascita"},
        {field: "Comune_nascita", header: "Comune nascita", visible: "no"},
        {field: "Pv_nascita", header: "Pv nascita", visible: "no"}
    ],

    sorting: [
        {sortingName: "Code", field: "ID_anagrafica_clienti", order: "none"},
        {sortingName: "Codice Fiscale", field: "Codice_Fiscale", order: "ascending"},
        {sortingName: "Cognome", field: "Cognome", order: "ascending"},
        {sortingName: "Nome", field: "Nome", order: "ascending"},
        {sortingName: "Sesso", field: "Sesso", order: "ascending"},
        {sortingName: "Data nascita", field: "Data_nascita", order: "none"},
        {sortingName: "Comune nascita", field: "Comune_nascita", order: "ascending"},
        {sortingName: "Pv nascita", field: "Pv_nascita", order: "ascending"}
    ],
 /*
    filterOptions: {
        filters: [
            {
                filterName: "Codice_Fiscale", "filterType": "text", field: "Codice_Fiscale", filterLabel: "Codice Fiscale",
                excluded_operators: ["in", "not_in"],
                filter_interface: [
                    {
                        filter_element: "input",
                        filter_element_attributes: {"type": "text"}
                    }
                ]
            },
            {
                filterName: "Cognome", "filterType": "text",field: "Cognome", filterLabel: "Cognome",
                excluded_operators: ["equal", "not_equal", "less", "less_or_equal", "greater", "greater_or_equal"],
                filter_interface: [
                    {
                        filter_element: "input",
                        filter_element_attributes: {type: "text"}
                    }
                ],
            },
            {
                filterName: "Gender", "filterType": "number", "numberType": "integer", field: "lk_genders_id", filterLabel: "Gender",
                excluded_operators: ["equal", "not_equal", "less", "less_or_equal", "greater", "greater_or_equal"],
                filter_interface: [
                    {
                        filter_element: "input",
                        filter_element_attributes: {type: "checkbox"}
                    }
                ],
                lookup_values: [
                    {lk_option: "Male", lk_value: "1"},
                    {lk_option: "Female", lk_value: "2", lk_selected: "yes"}
                ]
            },

            {
                filterName: "DateUpdated", "filterType": "date", field: "date_updated", filterLabel: "Datetime updated",
                excluded_operators: ["in", "not_in"],
                filter_interface: [
                    {
                        filter_element: "input",
                        filter_element_attributes: {
                            type: "text",
                            title: "Set the date and time using format: dd/mm/yyyy hh:mm:ss"
                        },
                        filter_widget: "datetimepicker",
                        filter_widget_properties: {
                            dateFormat: "dd/mm/yy",
                            timeFormat: "HH:mm:ss",
                            changeMonth: true,
                            changeYear: true,
                            showSecond: true
                        }
                    }
                ],
                validate_dateformat: ["DD/MM/YYYY HH:mm:ss"],
                filter_value_conversion: {
                    function_name: "local_datetime_to_UTC_timestamp",
                    args: [
                        {"filter_value": "yes"},
                        {"value": "DD/MM/YYYY HH:mm:ss"}
                    ]
                }
            }
        ]
    }
    */
});

});

从代码中可以看出，没有任何迹象，某些属性或其他什么，并且在siite上没有那么好（我搜索了很长时间但从未创建，也许我错了？）

Answer 1

我分析了插件生成的html代码

<button id="filter_toggle_cliente_grid" class="btn btn-default pull-right" title="Filters"><span class="glyphicon glyphicon-filter"></span></button>

我找到了解决问题的解决方法。我用css来隐藏按钮。这是代码

#filter_toggle_cliente_grid {
    display: none;
}

如何隐藏/删除bs_grid中的过滤器按钮

1 个答案: