2012-10-13 43 views
5

我是jquery和jqGrid的新手。我正在努力。我需要有人來幫助我在JqGrid中,我需要在jqGrid中過濾標題。我找到Oleg完成的demo。但是當我選擇複選框時,我需要複選框搜索值必須像Excel過濾一樣進行過濾。請幫助我解決某人問題。Excel像jqgrid中的過濾

即使我找到了implementation,但那不適合我。請幫助我,因爲我需要它。

由於提前

回答

18

我不喜歡像「Excel的像過濾」,因爲每個人都解釋它以不同的方式。所以我必須用我解釋的方式來回答。

我認爲你應該使用由Eric Hynds編寫的jQuery UI MultiSelect Widget。我寫了一些答案和演示之前顯示如何使用它。

The demo顯示瞭如何使用jQuery UI MultiSelect Widget和toolbar searching一起實現「Excel like filtering」。

enter image description here

通過,你可以建立由多選控件動態像jQuery UI的自動完成功能的the answer值顯示值列表的方式。

另一個答案(thisthis)與相應的演示(thisthis)展示瞭如何使用小工具進行編輯。

修訂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下載。

更新2The answer包含beforeClear回調其在使用的情況下所需要filterToolbar「刷新」按鈕。答案包含使用jqGrid 4.6.0的更新演示。

+1

@ user1268130我發佈了更新到當前版本的jqgrid的演示:請參閱** UPDATED **我的答案的一部分。 – Oleg

+0

我們在哪裏可以看到您的演示源代碼? – Mohammad

+0

@Mohammad:我的答案中的演示包含HTML頁面內的完整JavaScript代碼。所以你需要在任何Web瀏覽器中打開演示。然後,您可以通過點擊鼠標右鍵來打開上下文菜單,並選擇「查看頁面源」這樣的項目。 – Oleg