2015-01-15 80 views
0

我試着讓Kendo Mobile ActionSheet和AngularJS一起運行在web應用程序中。劍道移動動作表在使用kendo ui web角度

由於在非移動環境中支持Kendo移動控件,我在想如何使用按鈕的ng-click屬性「打開/顯示」操作表。

我可以用下面的標記看到DOM中actionsheet(隱藏):

<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」。但我需要的是,在按鈕上單擊顯示操作表。我可以使用

ng-click
以及如何訪問該點擊事件功能中的操作表單?

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

謝謝 devmon

回答

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