ExtJs 의 폼 (Form) 생성에 대해 알아 봅시다!
HTML 폼과 유사하지만, 융통성, 오류검사, 스타일링, 자동 레이아웃 등에서 수준이 한층 더 높다고 하네요..
ExtJs 의 폼 기능은 FormPanel 클래스 안에 포함되어 있습니다.
Panel 클래스를 확장했기 때문에 패널이 할 수 있는 모든 것을 할 수 있습니다.
폼 은 2가지 주요부분으로 나뉩니다.
1. 데이터를 전송하는 동작수행하는 부분
2. 필드의 배치를 관리하는 레이아웃 부분
퐁의 2가지 주요부분중에 1번을 해 보기위해서 필요한 주요 컴포넌트에 대해서 알아 봅시다
(2번은 추후에 포스팅 하겠습니다)
* 주요 컴포넌트
* Ext.form.FormPanel
: Form Element 를 랜더링 하고 하위 컴포넌트를 배치하기 위한 레이아웃을 사용하는 특화된 Panel 서브 클래스
* Ext.form.BasicForm
: FormPanel 이 필드 관리를 위해 사용하는 클래스로써 AJAX 전송과 응답을 처리
* Ext.fom.Field
: 모든 폼 필드에 필요한 주요 특성을 구현하는 기본 클래스
이 클래스는 다른 종류의 폼 필드를 만들기 위해 확장이 가능하다.
*** ExtJS 아키텍쳐의 장점은 확장성 이다.
즉, 일반적인 기능은 한 곳에 구현되어 있고, 구체적이고 복잡한 컴포넌트를 만들이 위해 확장된다.
HTML 폼과 유사하지만, 융통성, 오류검사, 스타일링, 자동 레이아웃 등에서 수준이 한층 더 높다고 하네요..
ExtJs 의 폼 기능은 FormPanel 클래스 안에 포함되어 있습니다.
Panel 클래스를 확장했기 때문에 패널이 할 수 있는 모든 것을 할 수 있습니다.
폼 은 2가지 주요부분으로 나뉩니다.
1. 데이터를 전송하는 동작수행하는 부분
2. 필드의 배치를 관리하는 레이아웃 부분
퐁의 2가지 주요부분중에 1번을 해 보기위해서 필요한 주요 컴포넌트에 대해서 알아 봅시다
(2번은 추후에 포스팅 하겠습니다)
* 주요 컴포넌트
* Ext.form.FormPanel
: Form Element 를 랜더링 하고 하위 컴포넌트를 배치하기 위한 레이아웃을 사용하는 특화된 Panel 서브 클래스
* Ext.form.BasicForm
: FormPanel 이 필드 관리를 위해 사용하는 클래스로써 AJAX 전송과 응답을 처리
* Ext.fom.Field
: 모든 폼 필드에 필요한 주요 특성을 구현하는 기본 클래스
이 클래스는 다른 종류의 폼 필드를 만들기 위해 확장이 가능하다.
*** ExtJS 아키텍쳐의 장점은 확장성 이다.
즉, 일반적인 기능은 한 곳에 구현되어 있고, 구체적이고 복잡한 컴포넌트를 만들이 위해 확장된다.
'JavaScript > ExtJs' 카테고리의 다른 글
[ExtJS 3] 9. ExtJS Form 예제 만들기 (버튼, 이벤트) (0) | 2011.09.04 |
---|---|
[ExtJS 3] 8. ExtJS Form 예제 만들기 (radio, check, textarea, input , date, combo) (0) | 2011.09.02 |
[ExtJS 3] 6. Ext.Panel 클래스 (0) | 2011.08.21 |
[ExtJS 3] 5. Ext.get 함수와 Ext.fly 함수 (1) | 2011.08.21 |
[ExtJS 3] 4. 위젯과 클래스 (0) | 2011.08.07 |