Question

我试图将下拉列表添加到第4列，但不知道该怎么做。我想做以下事情：

使用删除，更新，编辑选项添加操作下拉列表
当我点击删除，更新或编辑时，我想调用某个功能

这是我到目前为止所做的：

{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

您必须使用kendo模板将select放入第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>

并在该col

中使用此模板

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

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

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

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

Kendo UI下拉动作链接

1 个答案: