kendoWindow 내에서 모바일 스위치 사용

kendowWindow에서 kendo-mobile-switch를 사용하려고합니다. 스위치는 잘 표시되지만 전환하지는 않습니다. 동일한 kendo css/js가있는 동일한 페이지에서 kendoWindow 내부가 아닌 페이지 자체에서 사용되는 경우 동일한 모바일 스위치가 올바르게 전환됩니다.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); 
       } 
      },

어떤 문제일까요?

출처

2017-01-26 user7476038

추측 내가 내 자신의 질문에 대답하는거야 : http://www.telerik.com/forums/angular-kendo-mobile-switch-in-list-view-template

이 예제의 스위치는에서 작동하는 것과 동일하게 동작

: 모바일 스위치 목록보기 내에서 사용되는 매우 유사한 문제 발견 검도 창. 문제의 제목으로 판단 할 때 문제는 "항목을 DOM에 삽입하기 전에 각도 컴파일이 수행되었습니다"입니다. 이것은 kendoWindow를 사용하는 경우 위치가 계산되지 않는 이유를 설명합니다.

출처

2017-01-29 01:37:51 user7476038

kendoWindow 내에서 모바일 스위치 사용

답변

관련 문제