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

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

我在 data-stretch 中有问题。

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

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

带有 id="googleMap" 的 1st Div 显示谷歌 map

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

如果我使用 data-stretch="true" 然后仪表板 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？

请帮我。

提前致谢。

最佳答案

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

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

关于javascript - 同一 View 中 map 和图表的剑道 UI 中的数据拉伸(stretch)真/假，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15525606/