![](/img/trans.png)
[英]how to remove/hide ,change caption of input button using javascript?
[英]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.