2012-11-30 45 views
5

Kendo Grid有一個非常好的列上下文菜單(又名:columnMenu),您可以通過右鍵單擊每個列標題來訪問它。如何使用腳本顯示Kendo Grid的列菜單

columnMenu:菜單是通過在劍道網格設置字段啓用時的columnMenu啓用真正

,它會顯示在網格中的列,並允許您顯示/隱藏列,排序和過濾他們。但是,我們需要將此列菜單移動到網格外並將其綁定到按鈕。所以當用戶點擊一個按鈕時,列菜單就會出現。有沒有辦法通過javascript調用這個?

該要求類似於Michiel(2012年3月5日)制定的要求。但是,在這種特殊情況下,這是對另一種產品Telerik MVC Grid的contextMenu的請求。對於米歇爾的問題,下面的網址是作爲參考:http://www.telerik.com/community/forums/aspnet-mvc/grid/how-to-show-column-context-menu-using-script.aspx

回答

8

這是因爲觸發列的單擊事件一樣簡單:

$("#grid .k-header-column-menu:first").click(); 

這裏的工作演示:http://jsbin.com/ihivif/2/edit

+0

感謝您的快速回應阿塔納斯。是否也可以將列上下文菜單移動到X,Y座標,然後通過JavaScript觸發它?因此需要以下內容: 1)用戶點擊按鈕 2)列上下文菜單出現在按鈕 的下方3)用戶選擇要在Kendo Grid中顯示或隱藏哪個列 Michiel的問題的迴應似乎提供了一種方法來定位菜單。我們也可以爲Kendo Grid做到這一點嗎? – user1864920

+0

是的。我修改了我的jsbin演示。 –

+0

這工作,非常感謝Atanas - 在jsbin中做示例代碼提供了很多幫助! – user1864920