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

希望这有助于其他人。