코드.
<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.CustomPanel' , {
extend : 'Ext.panel.Panel' ,
initComponent : function(){
Ext.apply ( this , {
title : 'my panel' ,
html : 'My panel is created!' ,
width : 200 ,
height : 100 ,
renderTo : Ext.getBody()
});
this.callParent( arguments ) ;
}
});
var myPanel = Ext.create('Training.CustomPanel');
myPanel.show();
});
</script>
</head>
<body>
</body>
</html>
결과.
'프로그래밍 > EXTJS4' 카테고리의 다른 글
ExtJS4 - class override 하기 (0) | 2019.12.06 |
---|---|
EXTJS4 - CUSTOM TEXT 만들기 ( 내가 원하는 TEXT 만들기 ) (0) | 2019.12.06 |
ExtJS4 - up , down / 자식 요소 , 부모 요소 찾기 (0) | 2019.12.06 |
EXTJS4 - ID / 속성값 으로 검색하여 form 찾기 (0) | 2019.12.04 |
EXTJS4 - 클래스 믹스인(mixins) (0) | 2019.12.01 |