本文介绍了在剑道UI网页剑道使用具有角移动actionsheet的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图让剑道移动ActionSheet在Web应用程序中运行与AngularJS一起。

I try to get the Kendo Mobile ActionSheet running in web application along with AngularJS.

由于剑道移动控件是在非移动环境中支持,我在想,我怎么能开/秀用一个按钮的NG-点击属性actionsheet。

As Kendo mobile controls are supported in a non-mobile environment, I was wondering, how I can "open/show" the actionsheet using the ng-click attribute of a button.

我可以用下面的标记看到DOM的actionsheet(隐藏):

I can see the actionsheet (hidden) in the DOM by using following markup:

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

当我按一下按钮,我被路由到根#inboxActions。但是,我需要的是,以显示该按钮点击的动作片。我可以用

When I click on the button, I get routed to "root#inboxActions". But what I need is, to show the action sheet on that button click. Can I use

ng-click

和我将如何访问动作片在点击事件函数?

and how would I access the action-sheet in that click event function?

$('#inboxActions')。数据(kendoMobileActionSheet')收益未定义

感谢您,
devmon

Thank you,devmon

推荐答案

以下为我工作:

<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

Thank you,devmon

这篇关于在剑道UI网页剑道使用具有角移动actionsheet的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-24 19:49