我试图让Kendo Mobile ActionSheet与AngularJS一起在Web应用程序中运行。

由于Kendo移动控件在非移动环境中受支持,我想知道如何使用按钮的ng-click属性“打开/显示”动作表。

通过使用以下标记,我可以在DOM中看到操作表(隐藏):

<kendo-mobile-action-sheet id="inboxActions">
        <li class="km-actionsheet-title">Monday Meeting:</li>
        <li><a href="#" k-action="reply">Reply</a></li>
        <li><a href="#" k-action="replyAll">Reply All</a></li>
        <li><a href="#" k-action="archive">Archive</a></li>
    </kendo-mobile-action-sheet>
    <a class="reply"
    kendo-mobile-button
    k-rel="'actionsheet'"
    href="\#inboxActions"
    >Reply</a>


当我点击按钮时,我被路由到“ root#inboxActions”。但是我需要的是在该按钮单击上显示操作表。我可以使用ng-click,如何在该click事件功能中访问操作表?

$('#inboxActions').data('kendoMobileActionSheet')返回undefined

谢谢,
恶魔

最佳答案

以下为我工作:

<button kendo-mobile-button k-on-click="actions.open()">Regular button</button>
<a class="reply"
    kendo-mobile-button
    k-rel="'actionsheet'"
    k-on-click="actions.open()"
    >Reply</a>
<ul kendo-mobile-action-sheet="actions" k-popup='{"direction": "left"}'>
<li><a href="#" data-command="view">View</a></li>
<li><a href="#" data-command="rename">Rename</a></li>
<li><a href="#" data-command="delete">Delete</a></li>
<li><a href="#" data-command="perms">Set permissions ...</a></li>


    

谢谢,
恶魔

关于javascript - Kendo UI Web中使用的Kendo移动操作表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27965961/

10-10 00:51