ExtJS 작업 DOM 요소 Ext.Element

ExtJS는 HTTP DOM 요소에 대한 작업을 잘 봉인합니다.몇 가지 구체적인 방법을 보십시오. Ext. Element: Dom 요소를 봉인하는 일반적인 작업으로 서로 다른 브라우저가 가져오는 차이점을 차단합니다.사용법: // by id var el = Ext.get("my-div");//by DOM element reference var el = Ext.get(myDivElement); 애니메이션 효과: 기본적으로 애니메이션 효과 없음 var el = Ext.get("my-div");//no animation el.setWidth(100);

많은 함수 조작element에는 동적 인자가 있습니다. 이 인자는 볼 형식으로 기본 동적 효과를 지정합니다
// default animation el.setWidth(100, true);
동적 효과를 설정합니다. 대상 문자와 애니메이션 옵션은 일반적으로 Element 동적 설정 대상으로 지정될 수 있습니다.Element 동적 구성 옵션은 Ext.fx입니다.Anim 동적 구성 옵션은 Fx 효과의 하위 집합을 지정합니다.Element 동적 구성 옵션 지원:
      --------- -------- --------------------------------------------- duration .35   easing easeOut The easing method callback none A function to execute when the anim completes scope this The scope (this) of the callback function
용법:
// Element animation options object var opt = { duration: 1, easing: 'elasticIn', callback: this.foo, scope: this }; // animation with some options set el.setWidth(100, opt);
Element 애니메이션 대상은 일반적으로 애니메이션에 사용되며, 보통'anim'옵션으로 설정되며,'anim'은 애니메이션을 멈추거나 조작할 수 있습니다.예:
// using the "anim" property to get the Anim object if(opt.anim.isAnimated()){ opt.anim.stop(); }

좋은 웹페이지 즐겨찾기