2015-04-08 59 views
0

我正在使用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"} 
        ] 
       } 
      } 
     ] 
    } 
    */ 
}); 

}); 

从代码中可以看出,没有任何迹象表明,某些财产或任何其他事物,并且在矽统上并没有这么好(我搜查了很长时间但从未建立过,也许我错了?)

+1

显示一些代码你试过了吗?赞赏 –

+0

如果你按照链接,你会看到没有太多的尝试......这是问题。我找不到任何东西来尝试:( – Alex75

回答

0

我分析了该插件

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

生成的HTML代码,我发现,解决我的问题解决方法。我用CSS来隐藏按钮。这里是代码

#filter_toggle_cliente_grid { 
    display: none; 
} 
相关问题