ExtJS-应用结构-简单单页结构

更新记录
2022年7月25日 发布。
2022年7月16日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

ExtJS-应用结构-简单单页结构

使用方法

引入对应的CSS文件

<link rel="stylesheet" href="/resources/ext-theme-neptune/ext-theme-neptune-all-debug.css">

引入对应的JavaScript文件

<script src="./ext-all-debug.js"></script>
<script src="./ext-locale-zh_CN-debug.js"></script>

使用ExtJS框架
直接使用类似jQuery的onReady方法

<script>
    Ext.onReady(function(){
        //code
    });
</script>

或者

Ext.application({
    name : 'MyFirstApplication',
    launch : function() {
        Ext.Msg.alert("Hello"," my first Ext JS app");
    }
});

优劣

优点：
配置简单，开箱即用
缺点：
一次性加载ExtJS所有文件，导致首次加载速度慢
无法利用Sencha CMD的优势
项目文件管理不好，容易导致文件混乱
无法保护源代码

适合场景

项目规模较小
企业内部网络，网络速度较好的网络环境