带有 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 文档），但是在Typescript中，需要做一些额外的事情才能将Typescript函数链接到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
            }
        }
    }
}

希望这对其他人有所帮助。