2016-04-18 13 views
2

Ich experimentiere mit Angular Kendo Mobile.
Ich möchte eine modale Ansicht wie ein Popup-Fenster mit Optionsfeldern erstellen.Modal Ansicht in Angular Kendo Handy

sehe ich Kendo UI modale Ansicht wie sieht vor:

<div data-role="modalview" id="my-modal" style="width: 200px; height: 200px;"> 
    Hello! 
</div> 

Aber was ist es auf mobilen Verwendung Winkel Kendo verwenden.
Wird ihre modale Ansicht von Angular Kendo für Mobilgeräte bereitgestellt?

Antwort

1

Kendo Mobile ModalView macht genau das, was Sie suchen.

<div id="modalview-photo" k-modal="false" kendo-mobile-modal-view="modal" use-native-scrolling="true" style="width: 99vw; height:99vh; background-color:white;"> 
    <kendo-mobile-header> 
      <kendo-mobile-nav-bar> 

      </kendo-mobile-nav-bar> 
    </kendo-mobile-header> 
    <div style="padding: 5px;"> 
     <label>title</label> 
     <input id="photo-title" > 
    </div> 
</div> 

Öffnet wie folgt aus:

$("#modalview-photo").data().kendoMobileModalView.open(); 
+0

Vielen Dank für Details, aber ich bin auf der Suche nach Kendo mobile Lösung. 'data-role = 'modalview'' ist Kendo UI Komponente und ich suche nach Kendo Mobile Komponente. Wenn ich die modale Ansicht in '' einbette, funktioniert das nicht. Ich brauche ein Beispiel für die Verwendung von 'kendo-mobile-modal-view' – User7723337

+1

bearbeitet meine Antwort, dieser Code stammt aus einem Projekt, ich arbeite mit Kendo Mobile – Akis

+0

Danke für das Update. Aber nach dem Kendo mit Kendo-Fenster auf dem Handy wird nicht empfohlen und nicht empfohlen. Ich baue ein Projekt mit Angular Kendo Mobile und nicht mit Kendo UI. Kendo-Window ist Kendo UI-Komponente, so dass ich es nicht in meiner mobilen App verwenden kann. benutze verwendet "kendo-mobile-modal-view". – User7723337