我是jquery和jqGrid的新手。我正在努力。我需要有人來幫助我在JqGrid中,我需要在jqGrid中過濾標題。我找到Oleg完成的demo。但是當我選擇複選框時,我需要複選框搜索值必須像Excel過濾一樣進行過濾。請幫助我解決某人問題。Excel像jqgrid中的過濾
即使我找到了implementation,但那不適合我。請幫助我,因爲我需要它。
由於提前
我是jquery和jqGrid的新手。我正在努力。我需要有人來幫助我在JqGrid中,我需要在jqGrid中過濾標題。我找到Oleg完成的demo。但是當我選擇複選框時,我需要複選框搜索值必須像Excel過濾一樣進行過濾。請幫助我解決某人問題。Excel像jqgrid中的過濾
即使我找到了implementation,但那不適合我。請幫助我,因爲我需要它。
由於提前
我不喜歡像「Excel的像過濾」,因爲每個人都解釋它以不同的方式。所以我必須用我解釋的方式來回答。
我認爲你應該使用由Eric Hynds編寫的jQuery UI MultiSelect Widget。我寫了一些答案和演示之前顯示如何使用它。
The demo顯示瞭如何使用jQuery UI MultiSelect Widget和toolbar searching一起實現「Excel like filtering」。
通過,你可以建立由多選控件動態像jQuery UI的自動完成功能的the answer值顯示值列表的方式。
另一個答案(this和this)與相應的演示(this和this)展示瞭如何使用小工具進行編輯。
修訂:The updated demo使用的jqGrid 4.4.1,jQuery UI的1.8.24和jQuery 1.8.2和電流(1.13.6從2012年9月29日版)jQuery UI的多選的版本從github下載。
更新2:The answer包含beforeClear
回調其在使用的情況下所需要filterToolbar
「刷新」按鈕。答案包含使用jqGrid 4.6.0的更新演示。
@ user1268130我發佈了更新到當前版本的jqgrid的演示:請參閱** UPDATED **我的答案的一部分。 – Oleg
我們在哪裏可以看到您的演示源代碼? – Mohammad
@Mohammad:我的答案中的演示包含HTML頁面內的完整JavaScript代碼。所以你需要在任何Web瀏覽器中打開演示。然後,您可以通過點擊鼠標右鍵來打開上下文菜單,並選擇「查看頁面源」這樣的項目。 – Oleg