4

We are Using kendo UI for IOS application.

I have a problem in data-stretch.

I have one data-role="view" with data-stretch="true".

In that view I have 2 DIV tag,

1st Div with id="googleMap" which display Google Map

2nd Div with id="dashboard" which displays 2 chart and 2 tabular format data.

If I use data-stretch="true" then Dashboard DIV cannot show the default scroll because height of data is bigger then Apple tablet.

If I use data-stretch="false" then problem creates in googleMap DIV and it could not display Google Map.

My code is:

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

How can I solve my problem of data-stretch?

I have used like below to set value of data-stretch form java script,

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

But it is not working.

How can I set data-stretch true/false dynamically from javascript?

Please help me.

Thanks in advance.

4

3 に答える 3

4

タッチ スクローラー ウィジェットはその値に応じて初期化されるため、モバイル ビュー ストレッチ構成オプションはランタイム (ビューが初期化された後) に設定できません。data-stretch ビュー オプションを true に設定したまま、ダッシュボード div でタッチ スクローラーをインスタンス化することを検討してください。このようなもの:

<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を使用してタグに属性を設定できます...

JQuery:

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

「data-stretch」は、データ ソースではなく、DIV の単一の属性であることに注意してください。

于 2013-03-26T22:16:38.980 に答える
1

マップ用の div と別の div を含む「ビュー」で次の属性を使用しました。

data-use-native-scrolling="true"

それは私の問題を解決しました

于 2014-01-16T10:27:03.313 に答える