博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJS Getting Started
阅读量:6553 次
发布时间:2019-06-24

本文共 1874 字,大约阅读时间需要 6 分钟。

hot3.png

公司的IM用的ExtJS,我自己写的用的jQuery,所以又得学习了,当然,相似之处肯定是有的,比如Ext.onReady()和$(document).ready()感觉就是差不多的东西,还有都得熟悉一下选择器...还是先入门一下吧...

http://www.sencha.com/products/extjs/

吐槽一下...为什么官网打开速度这么慢@@!

要点:

1. 最好使用Web服务器来解决XHR的跨域问题,正好机子上配了,可以直接用

2. 将下载的解压(假设命名为extjs),放入XAMPP安装目录的htdocs文件夹内,例如:D:\xampp\htdocs\extjs

目录中内容(ext-4.1.1a-gpl):

启动服务器,访问 http://localhost/extjs/index.html 就可以打开欢迎页了

这时就可以直接看本地的文档,不用抱怨吭爹的网速了...(很关键,在本地查看文档速度很快)

3. 应用程序结构

官方推荐的Ext JS应用程序目录结构:

- appname

    - app
        - namespace
            - Class1.js
            - Class2.js
            - ...
    - extjs —— 下载的SDK文件
    - resources
        - css
        - images
        - ...
    - app.js
    - index.html

创建第一个Demo,还是在"D:\xampp\htdocs\"目录下创建文件夹helloext,放入SDK(extjs文件夹),其它文件根据官方教程创建即可,运行结果如下:

动态装载部分Chrome给出的提示和它说的不大一样:

添加Ext.require()后就没有这个提示了

4. 关于引用哪个库

  1. ext-debug.js - This file is only for use during development. It provides the minimum number of core Ext JS classes needed to get up and running. Any additional classes should be dynamically loaded as separate files as demonstrated above.

  2. ext.js - same as ext-debug.js but minified for use in production. Meant to be used in combination with your application's app-all.js file. (see section 3)

  3. ext-all-debug.js - This file contains the entire Ext JS library. This can be helpful for shortening your initial learning curve, however ext-debug.js is preferred in most cases for actual application development.

  4. ext-all.js - This is a minified version of ext-all-debug.js that can be used in production environments, however, it is not recommended since most applications will not make use of all the classes that it contains. Instead it is recommended that you create a custom build for your production environment as described in section 3.

5. 最后一部分部署的暂时不想了解...

6. 正如学习jQuery从$(doucument).ready(function () { });开始,ExtJS由Ext.onReady(function () { });开始

接下去就是需要啥查啥了...

几个月的成果被否定了- -|||||Nevermind...继续学习

转载于:https://my.oschina.net/zoey1990/blog/88179

你可能感兴趣的文章
实战AD+Exchange升级系列之AD健康检查(一)
查看>>
双网卡绑定
查看>>
gulp 插件之 gulp-uglify
查看>>
Android Handler消息传递机制
查看>>
Linux用户进程内存空间分析
查看>>
Lync Server 2010迁移至Lync Server 2013故障排错 Part 2: Lync Server 迁移后部分用户无法移池问题...
查看>>
cdh4.6.0升级测试2-distribute cache bug fix
查看>>
Boss OpenCart 2.X 商城自适应主题模板 ABC-0008
查看>>
18.1 集群介绍;18.2 keepalived介绍;18.3-18.5用keepalived配置
查看>>
我的友情链接
查看>>
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
查看>>
内容丰富的第三方rpm库
查看>>
胡说编程
查看>>
软件质量之企业成熟度
查看>>
yarn磁盘监控参数
查看>>
jquery javascript获得网页的高度和宽度
查看>>
mysql设置自增id清零 auto_increment
查看>>
linux(Centos7)服务器硬件改动,进入Emergency模式
查看>>
Easyui Treegrid 分页解决方案
查看>>
hihoCoder1038
查看>>