1

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.
4

1 に答える 1

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/

于 2014-03-24T16:03:21.210 に答える