jQgrid工具欄搜索，在搜索框旁邊添加清除搜索按鈕

我是新的jQgrid編碼。我已經在我的jQGrid中實現了工具欄搜索。在這我想添加明確的搜索按鈕，或者你可以說這樣的搜索文本框旁邊的復位按鈕 enter image description here
我如何實現這？我在互聯網上搜索了很多關於這方面的信息，但是我沒有找到與實現相關的東西。我正在使用jQgrid 4.4.4 & jQuery 1.8.3。jQgrid工具欄搜索，在搜索框旁邊添加清除搜索按鈕

來源

2013-11-25 Rahul

試試這個

$('#delete-button').click(function(){ 
    $('#input-field').val(""); 
});

下面是一個例子DEMO

來源

2013-11-25 10:50:33

Thanx的答覆。但是我想在搜索文本框旁邊的列內尋找按鈕。我不認爲你會實現這一點，因爲它的asp.net按鈕代碼。 – Rahul

您應該更新的jqGrid到最新版本4.5.4。它實現了您需要的功能。新的屬性clearSearch: false在colModel可用於刪除清除某些列中的搜索按鈕。

來源

2013-11-25 10:56:30 Oleg

我在等待評論sir＆thanx的評論。但由於少數情況，我無法升級我的JQgrid。如果我想在我當前的jQgrid版本中執行此操作....那麼有可能？ – Rahul

@Rahul：對不起，但我沒有看到任何簡單的方法來做到這一點。執行'clearSearch'功能後，改變搜索欄中每個元素的結構。這是一個'

'，現在它最多包含3列。最後一列是「清除搜索按鈕」的列。搜索模塊被改變，'ui.jqgrid.css'的一些行也被改變了。 – Oleg

@Rahul：很顯然，從jqGrid的最後一個版本中包含[grid.filter.js]（https://github.com/tonytomov/jqGrid/blob/master/js/grid.filter.js）可能是可能的*在*'jquery.jqGrid.min.js'之後，以便覆蓋'jquery.jqGrid.min.js'的'grid.filter.js'部分。您將不得不從新版本的'ui.jqgrid.css'中添加一些CSS stiles。這將是很多事情要做，你會花很多時間在調試。 jqGrid 4.5.4包含許多其他改進。我建議你考慮將你的解決方案遷移到新版本的jqGrid。 – Oleg

相關問題

jQgrid工具欄搜索，在搜索框旁邊添加清除搜索按鈕

回答

相關問題