KendoMobile 화면 전환 애니메이션의 스크롤 뷰 문제

Question

현재 KendoMobile으로 웹 애플리케이션을 개발 중입니다. 나는 마커를 클릭하면

문제는 온다 :

나는 아래 그림에서 볼 수와 같은 정보 표시 줄을 표시 할 수있는 ScrollView를 사용합니다. 클릭 한 마커와 일치하도록 스크롤 뷰의 페이지를 변경하는 함수를 작성했습니다. 여기

는 메소드의 코드입니다 :

본인은

google.maps.event.addListener(markerObj, 'click', function() { 
    var page = fournisseursArrayIndexOf(markerObj.data["ID"]); 
    console.log("marker title : " + markerObj.title + "/footer page : " + page); 

    var footer = $("#footer").data("kendoMobileScrollView"); 
    var curpage = footer.page; 

    markers[curpage].setIcon(normalImg); 
    markerObj.setIcon(selectedImg); 

    footer.scrollTo(page); 
    //map.panTo(markerObj.position); 
}); 

here 내가 단일 매개 변수 (I 표시 할 페이지 인덱스)로 scrollTo 방법을 사용하는 경우, 전환 애니메이션이 될 것 기본적으로. 하지만 아무 일도 일어나지 않습니다. 페이지가 바뀌지 만 애니메이션이 없습니다.

나는 검도 포럼에서 검색했지만 찾은 유일한 주제는 this one이지만 정확히 원하는 것과 반대입니다. 원하는 애니메이션을 삭제하려고합니다. 하지만 애니메이션을 사용하는 것이 가능하기 때문에 저에게 도움이됩니다.

누군가가이 문제에 대한 해결책을 알고 있습니까?

Answer 1

문제가 해결되었습니다. 정렬 ...

나는 KendoMobileScrollView의 코드를 수정하여 많은 것을 테스트했으며 scrollTo 메서드를 호출 할 때 표시되어야하는 애니메이션이 템플릿으로 채워진 scrollview에서 작동하지 않는다는 것을 발견했습니다.

누군가가 같은 문제가 발생하면 스크롤 뷰의 페이지를 만들고 DOM에 삽입하는 루프를 작성해야합니다.

은 다음과 같습니다

var htmlToAppen = "<div data-role=\"page\>""; 

for(var i = 0 ; i < yourObjectsArray.length ; i++) { 
    var curObj = yourObjectsArray[i]; 

    htmlToAppen += "<div> objName : " + curObj.name + "</div>"; 

    htmlToAppen += "</div>"; 
} 

$("#yourScrollDiv").append(htmlToAppend); 
$("#yourScrollDiv").kendoMobileScrollView({ 
    enablePager : false 
});