본문 바로가기

JavaScript/ExtJs

[ExtJS 3] 7. ExtJS Form 이란?

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 아키텍쳐의 장점은 확장성 이다.
즉, 일반적인 기능은 한 곳에 구현되어 있고, 구체적이고 복잡한 컴포넌트를 만들이 위해 확장된다.