剑道UI下拉动作链接

Question

我想添加下拉到第四列，但不知道如何做到这一点。我要做到以下几点：

• 添加操作下拉列表与删除，更新，编辑选项
• 当我删除，更新或编辑点击我要调用一些功能

这里是什么我至今：

http://jsfiddle.net/JQPurfect/5wZ3R/1/

{field: 'Title', filterable: { ui: titleFilter }}, 
{field: 'City', title: 'City', filterable: { ui: cityFilter }}, 
{field: 'FirstName', title: 'Action', filterable: { ui: nameFilter }} //This is where I want the dropdown. 

Answer 1

你必须给我们E中的剑道模板将选择在4山坳

<script type="text/x-kendo-template" id="selectTemplate"> 
    <select class='action' data-id="#=data.id#" > 
         <option value="">Select an action</option> 
         <option value="Edit">Edit</option> 
         <option value="Delete">Delete</option> 
        </select> 
    </script> 

，并在山坳

{field: '', title: 'Action', filterable: { ui: nameFilter },template : $('#selectTemplate').html()} 

使用此模板和有线change事件给所有的选择元素

$('#grid').on('change','.action',function(){ 
        alert($(this).val()); 
}); 

这里是更新的小提琴http://jsfiddle.net/cT3YK/2/