簡體   English   中英

如何從bs_grid隱藏/刪除過濾器按鈕

[英]How to hide/remove filters button from bs_grid

我正在使用bs_grid呈現數據庫中的數據。 我想隱藏默認的過濾器按鈕,因為我沒有使用它,但是似乎很難找到任何先前的問題或指示。

任何幫助表示贊賞。

編輯:jQuery插件使用單個div來呈現所有基於某些初始設置計算的網格

HTML代碼:

<div id="cliente_grid"></div>

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上也沒有任何指示(我搜索了很長時間但從未建立過它們,也許我錯了嗎?)

我分析了插件產生的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;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM