带有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> 

JavaScript中的数据的行为简单地映射到功能（按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 
      } 
     } 
    } 
} 

希望这会帮助别人。