您的位置：首页 > Web前端 > JavaScript

ExtJs入门（版本4.1.1）

2014-06-24 23:18 239 查看

1、到官网或Ext论坛下载ExtJs

2、解压下载到的ExtJs

      文件夹说明：

          docs：说明文档

          examples：例子

          locale：国际化库

          resources：各种必须的css资源、图片资源

          src：各种源文件

      文件说明：

           ext-all-dev.js：未压缩的js库

           ext-all.js：压缩过的js库

3、引入js文件：

          根据需要，引入ext-all-dev.js或ext-all.js均可。

          还可以只引入bootstrap.js(该文件通过：1、当前访问的主机名 2、当前访问的ip地址 3、访问网协议这三点之一决定引ext-all.js入或者ext-all-dev.js)

          如果需要中文支持，则还需引入/locale/ext-lang-zh_CN.js

4、引入css文件

          引入/resources/css/ext-all.css

5、入门代码:

<body>

<script type="text/javascript">

      Ext.onReady(function(){

             //创建一个按钮

             var bn=Ext.create('Ext.Button',{

                    text:"单击我",//按钮文字

                    scale:"large",

                    icon:"extjs/welcome/img/vimeo-16.png",

                    renderTo:Ext.getBody(),//指定将该按钮放入body元素

                   handler:function(){

             //获取ID为target的元素并控制它

             Ext.fly("target")

                   .setHeight(80)

                  .setWidth(80)

                   .center()

                   .highlight()

                   .setStyle("background-color","#f0f")

                   .setStyle("border","2px solid black");

             }

         });

   });

</script>

       <div id="target"></div>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： extjs

相关文章推荐

新的分享

章节导航