코드.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title id="page-title">Extjs4</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<!-- <script type="text/javascript" src="ext-all.js"></script> -->
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.define('Training.CustomField' , {
extend : 'Ext.form.field.Text' ,
// 화면 출력시 초기화 함.
onRender : function(){
this.callParent( arguments ) ;
// element 삽입
Ext.core.DomHelper.append( this.getEl() ,
'<div>' + this.infoText + '</div>' ) ;
}
}, function(){
console.log('Training.CustomPanel is defined!');
});
var myField = Ext.create('Training.CustomField', {
renderTo : Ext.getBody()
, fieldLabel : '이름'
, infoText : 'Please Enter your name.'
});
});
</script>
</head>
<body>
</body>
</html>
2. 결과
'프로그래밍 > EXTJS4' 카테고리의 다른 글
| Extjs4 - Ext.form.field.Text를 override하여 재정의 하기 (0) | 2019.12.06 |
|---|---|
| ExtJS4 - class override 하기 (0) | 2019.12.06 |
| ExtJS4 - Custom Panel 만들기 ( 내가 원하는 Panel 만들기 ) (0) | 2019.12.06 |
| ExtJS4 - up , down / 자식 요소 , 부모 요소 찾기 (0) | 2019.12.06 |
| EXTJS4 - ID / 속성값 으로 검색하여 form 찾기 (0) | 2019.12.04 |
나무뚱이