ExtJS的预配置类使用

页面导航:首页 > 网络编程 > JavaScript > ExtJS的预配置类使用

ExtJS的预配置类使用

来源: 作者: 时间:2016-01-19 18:32 【

从事Extjs组件设计时,常用的组件会经常出现,比如视图组件。如果视图组件每次使用时都要设置大小、标题,那么会让人非常心烦,预配置


<script type="text/javascript" src="<%=basePath%>/ext-3.4/ext-all.js"></script><script type="text/javascript" src="<%=basePath%>//js/HelloWindow.js"></script><script type="text/javascript">
        // 从事Extjs组件设计时,常用的组件会经常出现,比如视图组件。如果视图组件每次使用时都要设置大小、标题,那么会让人非常心烦,预配置
        // 就是预先设置组件的属性,让特定属性先具有特定的默认值,以便直接使用
        Ext.onReady(function(){
            var helloWindow = new HelloWindow({
                items:{
                    :'

This is a window.

' } }); helloWindow.show('windowDiv'); }); </script>

HelloWindow.js如下:

var HelloWindow = Ext.extend(Ext.Window,{
    title:'Hello',
    width:500,
    height:300,
    // 重写父类Window的initComponent方法
    initComponent:function(){
        console.info("start HelloWindow component.");
        // 等价于Ext.Window.prototype.initComponent.apply(this,arguments)
        HelloWindow.superclass.initComponent.apply(this,arguments);
    }
})

 
Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <