jQuery EasyUI_jquery의 EasyLoader 기능 소개

EasyLoader는 스크립트와 CSS 파일을 동적으로 로드할 수 있으며 기존 EasyUI 구성 요소도 동적으로 로드할 수 있습니다.

EasyLoader.js 파일을 참조해야 합니다. 참고: jquery.easyui.min을 참조할 필요는 없습니다. .js 파일은 여기에 있습니다.

예를 들어 linkbutton 구성 요소를 로드해야 하는 경우 다음 두 가지 방법으로 로드할 수 있습니다.

첫 번째 방법은 클래스를 설정하여 수행됩니다.


　캘린더 로드
수업에서 easyui를 설정하는 한 -구성 요소 이름, easyloader는 해당 구성 요소를 자동으로 동적으로 로드합니다

두 번째 방법은 스크립트를 통해 구현됩니다.

　using('calendar', function () { Alert( "로딩 성공!") } ; easyloader.load 메소드의 약어입니다.


공통 속성:


1) 로캘: 현지화
사용: easyloader.locale = "zh_CN"; 🎜>
2) 테마: 테마

사용법: easyloader.theme = "gray"; // 테마 설정



이벤트:


1) onProgress: 각 구성 요소가 로드된 후 트리거됩니다.
2) onLoad: onProgress 이벤트 이후에 트리거되며, 모든 구성 요소 및 관련 구성 요소가 로드될 때 트리거됩니다.
둘 다 차이점을 볼 수 있습니다. 이름에서 onProgress 이벤트를 사용하여 진행 상황을 표시할 수 있고, onLoad 이벤트를 사용하여 구성 요소를 사용할 수 있다는 메시지를 사용자에게 알릴 수 있습니다.

샘플 코드:
EasyUI.EasyLoader.rar