我尝试使用AngularJS在Web应用程序中运行Kendo Mobile ActionSheet。
由于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>
当我点击按钮时,我会被路由到&#34; root#inboxActions&#34;。但我需要的是,在该按钮点击上显示操作表。我可以使用
ng-click吗?如何访问该点击事件功能中的操作表?
$('#inboxActions').data('kendoMobileActionSheet')
返回undefined
。
谢谢你, devmon
答案 0 :(得分:1)
以下为我工作:
<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>
谢谢你, devmon