Angular Kendo 移动设备中的模态视图
Modal view in Angular Kendo mobile
我正在试验 Angular Kendo 移动设备。
我想构建一个模态视图,就像带有选项按钮的弹出窗口 window 一样。
我看到 Kendo UI 提供模式视图为:
<div data-role="modalview" id="my-modal" style="width: 200px; height: 200px;">
Hello!
</div>
但是如果使用 angular Kendo 在移动设备上使用它呢?
Angular Kendo 是否为移动设备提供了任何模态视图?
Kendo Mobile ModalView 完全符合您的要求。
<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>
这样打开:
$("#modalview-photo").data().kendoMobileModalView.open();
我正在试验 Angular Kendo 移动设备。
我想构建一个模态视图,就像带有选项按钮的弹出窗口 window 一样。
我看到 Kendo UI 提供模式视图为:
<div data-role="modalview" id="my-modal" style="width: 200px; height: 200px;">
Hello!
</div>
但是如果使用 angular Kendo 在移动设备上使用它呢?
Angular Kendo 是否为移动设备提供了任何模态视图?
Kendo Mobile ModalView 完全符合您的要求。
<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>
这样打开:
$("#modalview-photo").data().kendoMobileModalView.open();