2014-03-24 114 views
1

我想添加下拉到第四列,但不知道如何做到這一點。我要做到以下幾點:劍道UI下拉動作鏈接

  • 添加操作下拉列表與刪除,更新,編輯選項
  • 當我刪除,更新或編輯點擊我要調用一些功能

這裏是什麼我至今:

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. 
+0

也許你可以嘗試爲每個r使用客戶端模板流? :)這通常適用於當你想在行上定製功能:) –

+0

你能分享任何例子嗎? – New2JQ

回答

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/

+0

完成 - http://jsfiddle.net/JQPurfect/5wZ3R/2/ – New2JQ