검도 UI에서 클래스 전환 효과를 만들려면 어떻게해야합니까?

Question

제가 일하는 회사는 jQuery UI를 검도 UI로 대체하는 것을 고려하고 있습니다.
저는 개인적으로 어떤 이점도 보지 못했으며, 검도 UI에 대한 문서가 심각하게 부족하다는 것을 알고 있습니다. 예를 들어

, jQuery를 UI에,이 좋은 클래스 전환 효과가있다 : http://jqueryui.com/docs/Effects/Methods#Class_Transitions

무엇 이러한 효과의 검도 UI 등가물은?

Answer 1

kendo.fx.js에는 kendoAddClass, kendoRemoveClass 및 kendoToggleClass가 있으며, 사용 가능한 경우 CSS3 전환을 사용하고 사용하지 않을 때는 직접 교체합니다. 애니메이션은 CSS로 직접 이루어지기 때문에 아직 문서화되지 않았으며 엘리먼트에서 전환을 제거해야만 멈출 수 있습니다.

jQuery 플러그인이 2012 년 2 분기 (빌드 710)에 깨진 것으로 보입니다. 나는 그 (것)들을 고치고 고침은 다음 주 서비스 팩에 밖으로있을 것이다. 그 사이에 kendo.toggleClass() 메소드를 사용할 수 있습니다. 그것의 사용은 다음과 같이이다 :

는

kendo.toggleClass(element, classes, options, toggle); 

element: jQuery object 
classes: one or more classes to apply (separated by a space) 
options: { 
    exclusive: "all", 
    duration: 400, 
    easing: "ease-out" 
} - options is optional, can be omitted, the values up there are default and fed to the transition CSS property, duration is in ms. 
toggle: add/remove the class. 

서비스 팩 다음 주로서 당신은 이런 식으로 직접 사용할 수 있습니다

$("#test").kendoAddClass(classes, options); 

아, 추가 깜빡 jsBin demo