TypeScript 이벤트 처리기가있는 Kendo Mobile ActionSheet

Question

TypeScript 모바일 응용 프로그램 내에서 Kendo ActionSheet를 사용하고 싶습니다. 클래스 내에서 TypeScript 함수에 연결하거나보기를 호출하기 위해 데이터 액션을 얻는 방법을 알지 못합니다.

Answer 1

나는 그것을 알아 냈다. 여기 내 샘플 HTML입니다 : - 자바 스크립트에서

 <ul data-role="actionsheet"> 
     <li class="km-actionsheet-title">Payroll Processing</li> 
     <li><a data-action="payrollProc.approve">Approve</a></li> 
     <li><a data-action="payrollProc.unapprove">Un-Approve</a></li> 
     <li><a data-action="payrollProc.extract">Extract</a></li> 
    </ul> 

데이터-행동이 단순히 (http://docs.telerik.com/kendo-ui/mobile/actionsheet 문서에 따라) 함수에 매핑 그러나 타이프 라이터에, 하나는 ActionSheet에 타이프 라이터 기능을 연결하는 약간의 여분을 할 필요가 . 여기에 내가 그것을 해결하는 방법입니다 : -

declare var payrollProc: any; 

class PayrollProcessingPage { 
    constructor() { 
     // Link the PayrollProcActionSheet to functions with this class.. 
     payrollProc = { 
      approve: function (e) { 
       // code for this action 
      }, 
      unapprove: function (e) { 
       // code for this action 
      }, 
      extract: function (e) { 
       // code for this action 
      } 
     } 
    } 
} 

희망이 다른 사람들에게 도움이됩니다.