2013-07-31 72 views
0

我正在使用ASP.NET MVC4應用程序。其中我使用的是Kendo UI控件。添加kendo網格命令按鈕的事件監聽器

我正在使用Kendo Grid.And我想在Kendo Grid Toolbar的「添加新項目」按鈕上添加事件監聽器。

下面是一塊網格命令按鈕的代碼:

.ToolBar(commands => 
       { 
        commands.Create(); 
        commands.Save(); 
      }) 

,我要覆蓋其點擊event.Actually我要檢查它的點擊一些條件event.And如果條件返回true,則我想這個按鈕應該啓用,否則它應該被禁用。

我試圖覆蓋它的一些下面的代碼,但它沒有奏效。

實施例:

1) '$(".k-button.k-button-icontext.k-grid-add").bind("click", function() { 
    alert('add link event'); 
}); 

2) $(".k-grid-Add").on('click',function() {  
    alert("Hello"); 
}); 

3) $(".k-button.k-button-icontext.k-grid-add").on("click", function() { 
    alert('add link event'); 
}); ' 

但沒有上述都在工作。

任何人都可以爲我推薦此方法嗎?

感謝

回答

2

使用工具欄模板來創建你的命令。這使您可以指定一個onClick事件。

.ToolBar(commands => 
commands.Template("<a class='k-button k-button-icontext' onclick='customCommand()' href='#'></span>Create</a>")) 

然後,您可以在js函數customCommand()中進行檢查。

有關工具欄模板的更多信息:http://docs.kendoui.com/api/web/grid#configuration-toolbar.template