ExtJS TextField_extjs의 일반적인 방법 알아보기

1.
fieldLabel 속성: 라벨 이름.
labelWidth: 라벨 너비.
ID : 파일박스 ID입니다.

2. 구성 매개변수
리스너: 객체가 초기화되기 전에 일련의 이벤트를 바인딩합니다.


3. 함수
getCmp(string _id): id가 _id인 구성 요소 개체를 가져옵니다.
getValue(): 파일 상자 값을 가져옵니다.

4. 기타
레이아웃: 이 레이아웃에서만 파일 상자의 레이블 이름이 올바르게 표시될 수 있습니다. 레이아웃의 호스트 개체는 Ext.Container 또는 Ext A여야 합니다. .Container의 하위 클래스입니다.
FormLayout 레이아웃을 적용할 때 호스트 개체의 생성 매개변수에 "form"이라는 레이아웃을 지정하면 됩니다.
5. 적용 예시

코드 복사 코드는 다음과 같습니다.

Ext. onReady(function (){
var _panel = new Ext.Panel({
renderTo:Ext.getBody(),
layout:"form",
labelWidth:30,
리스너: {
"render":function(_panel){
_panel.add(new Ext.form.TextField({
id: "txt_name",
fieldLabel: "Name"
}) ) ;
}
}});
new Ext.Button({
text:"OK",
renderTo:Ext.getBody(),
handler:function() {
alert(Ext.getCmp("txt_name").getValue()) ;
}
})
}) ;