캡슐화를 만들기위한 jQueryUI 모범 사례

Question

나쁜 제목 죄송합니다. 이 케이스는 GUI 프레임 워크에서 작업하고 있습니다. 이미 안드로이드를 사용하고 있으며 많은 공통 요소가 이제 웹으로 이식되고 있습니다. 이것을 위해 나는 동일한 기능을 만들기를 기대하고있다. 예를 들어 안드로이드에는 3 가지 유형의 버튼, 정상적인 버튼, 확인 된 버튼 (기본 아이콘과 텍스트가있는 버튼) 및 취소 버튼이 있습니다. 이들은 가독성을 위해 모두 다른 유형입니다. jQueryUI에서도이를 반영하고 싶습니다.

$("button").button(); // normal button 
$("verify_button").verifybutton(); 
$("cancel_button").cancelbutton(); 

분명히 일반적인 버튼()입니다. 그러나 일부 설정 매개 변수를 사용하면 가장 쉽게이 작업을 수행하는 방법에 대한 정보를 찾을 수 없습니다. 내 위젯을 만들어야합니까? 모든 팁을 환영합니다.

Answer 1

이것을 달성하는 쉬운 방법은 실제로 자신의 위젯을 유도하는 것입니다. widget factory 설명서는 시스템 작동 원리를 설명합니다.

예를 들어, 당신은 쓸 수 있습니다 :

$.widget("dennis.verifybutton", $.ui.button, { 
    _create: function() { 
     this._super(); 
     // Customize widget creation... 
    }, 
    _destroy: function() { 
     // Customize widget cleanup... 
     this._super(); 
    } 
}); 

는 최종 결과는 $("selector").verifybutton()를 통해 인스턴스화 할 수 파생 버튼 위젯이 될 것입니다.