Ext Extends test
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
<style>
.btUi {
border: solid 1px green;
}
</style>
<link type="text/css" media="all" rel="Stylesheet" href="http://localhost:80/wratry/Ext/css/ext-all.css" />
<script src="http://localhost:80/wratry/Ext/ext-base.js" type="text/javascript">
</script>
<script src="http://localhost:80/wratry/Ext/ext-all.js" type="text/javascript">
</script>
</head>
<body>
<div id='java'>
</div>
<script language="JavaScript" type="text/javascript">
Ext.onReady(function(){
Ext.namespace("sp.studio");
sp.studio.ListDiv = Ext.emptyFn;
sp.studio.ListDiv = function(cfg){
Ext.apply(this, cfg);
// Ext.extend(this,Ext.Window,{});
this.init(cfg.el);
};
Ext.apply(sp.studio.ListDiv.prototype, {
El: function(){
return Ext.get(this['el']);
},
setWidth: function(width){
this.El().dom.style.width = width + "px";
},
setHeight: function(height){
this.El().dom.style.height = height + "px";
},
setClass: function(cls){
this.El().dom.className = cls;
},
rendererTo: function(){
for (var i in this) {
if (i == 'width') {
this.setWidth(this[i]);
}
if (i == 'height') {
this.setHeight(this[i]);
}
if (i == 'cls') {
this.setClass(this[i]);
}
}
},
init: function(el){
if (el) {
this.rendererTo();
}
}
});
var t = new sp.studio.ListDiv({
width: 100,
height: 200,
cls: 'btUi',
el: 'java',
});
t.renderTo('java');
t.show();
//t.rendererTo("java");
});
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
<style>
.btUi {
border: solid 1px green;
}
</style>
<link type="text/css" media="all" rel="Stylesheet" href="http://localhost:80/wratry/Ext/css/ext-all.css" />
<script src="http://localhost:80/wratry/Ext/ext-base.js" type="text/javascript">
</script>
<script src="http://localhost:80/wratry/Ext/ext-all.js" type="text/javascript">
</script>
</head>
<body>
<div id='java'>
</div>
<script language="JavaScript" type="text/javascript">
Ext.onReady(function(){
Ext.namespace("sp.studio");
sp.studio.ListDiv = Ext.emptyFn;
sp.studio.ListDiv = function(cfg){
Ext.apply(this, cfg);
// Ext.extend(this,Ext.Window,{});
this.init(cfg.el);
};
Ext.apply(sp.studio.ListDiv.prototype, {
El: function(){
return Ext.get(this['el']);
},
setWidth: function(width){
this.El().dom.style.width = width + "px";
},
setHeight: function(height){
this.El().dom.style.height = height + "px";
},
setClass: function(cls){
this.El().dom.className = cls;
},
rendererTo: function(){
for (var i in this) {
if (i == 'width') {
this.setWidth(this[i]);
}
if (i == 'height') {
this.setHeight(this[i]);
}
if (i == 'cls') {
this.setClass(this[i]);
}
}
},
init: function(el){
if (el) {
this.rendererTo();
}
}
});
var t = new sp.studio.ListDiv({
width: 100,
height: 200,
cls: 'btUi',
el: 'java',
});
t.renderTo('java');
t.show();
//t.rendererTo("java");
});
</script>
</body>
</html>