검도 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 COL

<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()} 

에서이 템플릿을 사용하여 모든 선택 요소로 변경 이벤트를 유선하기

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

여기에 업데이트 된 바이올린이 있습니다. http://jsfiddle.net/cT3YK/2/