kendo-ui - Kendo UI 下拉动作链接

Question

我正在尝试将下拉菜单添加到第 4 列，但不知道该怎么做。我想做以下事情：

• 添加带有删除、更新、编辑选项的操作下拉列表
• 当我点击删除、更新或编辑时，我想调用一些函数

这是我到目前为止所拥有的：

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

您必须使用剑道模板将选择放在第 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()}

并将更改事件连接到所有选择元素

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

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