`
hcmfys
  • 浏览: 349458 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ext Extends test

    博客分类:
  • js
阅读更多
<!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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics