4

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

我在data-stretch.

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

在那个视图中，我有 2 个DIV标签，

id="googleMap"显示谷歌地图的第一个分区

2nd Divid="dashboard"显示 2 个图表和 2 个表格格式数据。

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

如果我使用data-stretch="false"然后在 googleMap DIV 中创建问题并且它无法显示谷歌地图。

我的代码是：

<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？

我已经使用如下方式设置数据拉伸表单 java 脚本的值，

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

但它不起作用。

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

请帮我。

提前致谢。

4

3 回答 3

4

移动视图拉伸配置选项无法在运行时设置（在视图初始化之后），因为触摸滚动器小部件根据其值进行初始化。您可以考虑在仪表板 div 上实例化一个触摸滚动条，同时保持数据拉伸视图选项设置为 true。像这样的东西：

<div id="dashboard" data-role="scroller" height="100%">
   <div id="Fleet">
      <table width="100%" cellpadding="0" cellspacing="0">....</table>
  </div>
</div>
于 2013-03-29T09:23:47.237 回答
1

您可以使用 JQuery 在标签上设置属性...

查询：

$("#divmap").attr("data-stretch","true");

请记住，“数据拉伸”是 DIV 的单个属性，而不是数据源。

于 2013-03-26T22:16:38.980 回答
1

我刚刚在我的“视图”中使用了以下属性，其中包含一个用于地图的 div 和另一个用于其他内容的 div。

data-use-native-scrolling="true"

它解决了我的问题

于 2014-01-16T10:27:03.313 回答