javascript - 同一 View 中 map 和图表的剑道 UI 中的数据拉伸(stretch)真/假

Question

我们正在为 IOS 应用程序使用 kendo UI。

我在 data-stretch 中遇到问题。

我有一个 data-role="view"with data-stretch="true"。

在那个 View 中我有 2 个 DIV 标签，

1st Div with id="googleMap" 显示谷歌地图

带有 id="dashboard" 的第二个 Div，它显示 2 个图表和 2 个表格格式的数据。

如果我使用 data-stretch="true"，则 Dashboard DIV 无法显示默认滚动条，因为数据的高度比 Apple 平板电脑大。

如果我使用 data-stretch="false" 那么 googleMap DIV 中就会出现问题，它无法显示 Google map 。

我的代码是:

<div id="divmap" data-role="view" data-title="Expenditures" data-layout="Operationlayout" data-before-show="cleanview" data-show="OperationMenuList" data-stretch="false" data-init="ChartLoading">
   <div id="googleMap">
   </div>           
   <div id="dashboard">
       <div id="Fleet">
          <table width="100%" cellpadding="0" cellspacing="0">....</table>
      </div>
   </div>
</div>

如何解决我的data-stretch问题？

我已经像下面这样设置数据拉伸(stretch)表单 java 脚本的值，

var view = $("#divmap").data("kendoMobileView");
view.stretch = false;

但它不起作用。

如何从 javascript 动态设置 data-stretch true/false？

请帮帮我。

提前致谢。

Answer 1

移动 View 拉伸(stretch)配置选项不能在运行时设置( View 初始化后)，因为触摸滚动小部件根据其值进行初始化。您可以考虑实例化一个 touch scroller在仪表板 div 上，同时将数据拉伸(stretch) View 选项设置为 true。像这样:

<div id="dashboard" data-role="scroller" height="100%">
   <div id="Fleet">
      <table width="100%" cellpadding="0" cellspacing="0">....</table>
  </div>
</div>