首页 > Web开发 > 详细

Extjs学习笔记--(二)

时间:2014-03-01 07:36:02      阅读:475      评论:0      收藏:0      [点我收藏+]

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类库
bubuko.com,布布扣
        //开启自动加载
        Ext.Loader.setConfig({ enable: true });
        Ext.Loader.setPath("要加载的路径文件");
        Ext.required([Ext.grid.*,
         //需要加载的类库
        ])
        Ext.onReady(function () {
            //code
        });
bubuko.com,布布扣

 

HelloWorld

bubuko.com,布布扣
  <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>
bubuko.com,布布扣
注:Ext.onReady方法是在Dom加载后才执行的,而onload则是在所有资源加载完才执行。如果存在多个 onReady可以保证同时执行



Extjs学习笔记--(二),布布扣,bubuko.com

Extjs学习笔记--(二)

原文:http://www.cnblogs.com/anbylau2130/p/3574108.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!