Extjs学习笔记--（二）

浏览数：19 / 时间：2015年06月09日

1.配置实用Extjs

    <link href="Extjs/resources/css/ext-all.css" rel="stylesheet" />
    <script src="Extjs/bootstrap.js"></script>
注：bootstrap.js的作用是用于 自动加载ext-all-debug.js或者ext-all.js 如果实用localhost或者ip的话，将启动ext-all-debug，否则启动ext-all.js


2,动态加载Extjs类库
        //开启自动加载
        Ext.Loader.setConfig({ enable: true });
        Ext.Loader.setPath("要加载的路径文件");
        Ext.required([‘Ext.grid.*‘,
         //需要加载的类库
        ])
        Ext.onReady(function () {
            //code
        });

 

HelloWorld

  <script type="text/javascript">
        Ext.onReady(function () {
           new Ext.Viewport({
                layout: ‘fit‘,
                items: [{
                    xtype: "panel",
                    title: "welcome to this website",
                    html:"<h1>hello world</h1>"
                     }]
            })
        })
    </script>
注：Ext.onReady方法是在Dom加载后才执行的，而onload则是在所有资源加载完才执行。如果存在多个 onReady可以保证同时执行



Extjs学习笔记--（二）,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： c t color http it java html a class 类 l c t color http it java html a class 类 l

相关文章

随机文章

您可能还喜欢

您可能还喜欢