kendoWindowの中でモバイルスイッチを使用する

Question

kendowWindowの中でkendo-mobile-switchを使用しようとしています。スイッチは正常に表示されますが、切り替えは行われません。同じkendo css/jsを持つ同じページで、同じモバイルスイッチがkendoWindow内ではなく、ページ自体で使用されていればうまく切り替わります。

私は、ページのソースで見てきたし、それがスイッチがトグルしたときに、次の変換が追加されたように見える：

は

<span class="km-switch-handle" style="transform: translateX(27px) translateY(0px);"> 

「非切り替え」状態にある同じスイッチは、次のようになります：

：私は両方の切り替えおよび非切り替え状態で、kendoWindow内部のトグルのソースを見れば

<span class="km-switch-handle" style="transform: translateX(0px) translateY(0px);"> 

しかし、それはこのようになります

<span class="km-switch-handle" style="transform: translateX(0px) translateY(0px);"> 

私もkendo.all.jsを嫌っており、スイッチがトグルされたときのように、位置に基づいてそれ自身を変換する必要があるオフセットを計算します。私の推測は、kendoWindowに表示されるとき、位置ロジックが失敗するか、正常に動作しない場合です：

_position: function (position) { 
       var that = this; 
       that.position = position; 
       that.handle.css(TRANSFORMSTYLE, 'translatex(' + position + 'px)'); 
       if (that._animateBackground) { 
        that.background.css(MARGINLEFT, that.origin + position); 
       } 
      }, 

何が問題なのでしょうか？

Answer 1

Guess I'm goingへanswer my own question： Found a very similar issueときmobile switch IS中古inside the list view： http://www.telerik.com/forums/angular-kendo-mobile-switch-in-list-view-template

The switchにおけるこのexample behaves exactly the sameとしてit doesにおけるkendoWindow。問題のタイトルで判断すると、問題は「アイテムがDOMに挿入される前に角度コンパイルが実行された」という問題でした。これは、kendoWindowの場合に位置が計算されない理由を説明します。