跟我extjs5(03--在项目过程中加载文件)


上一节中用sencha工具自己主动创建了一个项目。而且能够在浏览器中查看。

如今我们来看看js类载入过程。

例如以下图所看到的：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamZvaw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

1､首先：浏览器中输入 localhost:1841 ，调用 index.html;
<!DOCTYPE HTML>

<html>

<head>

    <meta charset="UTF-8">

    <title>app</title>

    <!-- The line below must be kept intact for Sencha Cmd to build your application -->

    <script id="microloader" type="text/javascript" src="bootstrap.js"></script>

</head>

<body></body>

</html>

在这里面仅仅引入了一个文件：bootstrap.js。这是一个奇妙的文件，他依据配置文件bootstrap.json来设置extjs的类的调用路径、引入css，最后再依据配置文件里的信息，载入app.js。

这个文件仅仅要知道这些功能即可了，要了解详细的内部实现，能够去搜索一下相关文章。

2､app.js文件的说明

Ext.application({

    name: 'app',//应用的名称app

    extend: 'app.Application',       //继承自app.Application,这个文件是 app/Application.js

    autoCreateViewport: 'app.view.main.Main'  //自己主动创建的Viewport的类名,文件在 app/view/main/Main.js

});

上面的类中会依据类载入的设置信息，自己主动为类 app.Application载入文件 /app/Application.js,相同也为app.view.main.Main类找到js文件并载入。

3､Application.js文件

Ext.define('app.Application', {

			extend : 'Ext.app.Application',

			name : 'app',

			views : [], // ＭＶＣ用到的view

			controllers : ['Root'

			// MVC控制器的名称，会自己主动到 /app/controller下去载入同名的js文件

			// 对于Root,会去自己主动载入 /app/Controller/Root.js 这个文件

			],

			stores : [],

			launch : function() {

				// 须要运行的语句能够加在此处

			}

		});

4、Main.js 文件

Ext.define('app.view.main.Main', {

    extend: 'Ext.container.Container',

    xtype: 'app-main',

    controller: 'main',

    	//MVVM架构的控制器的名称，会在当前路径中依据‘Main’ + Controller 来确定文件名称

    	//这个我没找到其它不论什么能够自己主动载入MainController.js的依据，仅仅能作上面的推断了

    viewModel: {

        type: 'main'

    	//MVVM架构的viewModel的类型，会在当前路径中依据‘Main’ + Model 来确定文件名称

    },

    layout: {

        type: 'border'			//系统的主页面的布局

    },

    items: [{

        xtype: 'panel',

        bind: {

            title: '{name}'

        },

        region: 'west',		//左边面板

        html: '<ul><li>This area is commonly used for navigation, for example, using a "tree" component.</li></ul>',

        width: 250,

        split: true,

        tbar: [{

            text: 'Button',

            handler: 'onClickButton'

        }]

    },{

        region: 'center',		//中间面版

        xtype: 'tabpanel',

        items:[{

            title: 'Tab 1',

            html: '<h2>Content appropriate for the current navigation.</h2>'

        }]

    }]

});

上面的类是继承自Container的一个容器类，这个类使用了extjs5的mvvm的新特性，

    controller: 'main',

    	//MVVM架构的控制器的名称，会在当前路径中依据‘Main’ + Controller 来确定文件名称

    	//这个我没找到其它不论什么能够自己主动载入MainController.js的依据。仅仅能作上面的推断了

    viewModel: {

        type: 'main'

    	//MVVM架构的viewModel的类型，会在当前路径中依据‘Main’ + Model 来确定文件名称

    },

上面的属性controller表示当前Main类的控制器为"main",这个类里没有引用控制器的语句。因此控制器的类名可能是有其默认的载入规则。应该是在当前路径中载入“Main”+"Controller.js"，这个文件作为控制器。

viewModel属性定义了ＶＭ的类型，其载入类的规则和上面控制器是一样的。

因为此类是作为一个 autoCreateViewport 属性被载入，载入完毕后会马上生成一个实例，并渲染，就是我们看到的网页。

extjs中类的动态载入机制非常灵活，这里也不能所有讲到，有不明确的能够查找相关资料。在用sencha cmd 对js 进行编译以后，会将所有的js ,书面和包含用户手册extjs5 sdk用类都在同一个文件。当它目前只发行了一大js文件。

跟我extjs5(03--在项目过程中加载文件)的更多相关文章

  1. vs2012运行项目报未能加载文件或程序集“System.Web.Mvc, Version=4.0.0.1,Culture=neutral”问题和解决方法

    原先本地项目版本(4.0.0.1)高于服务器版本(4.0.0.0),本地项目改成服务器版本4.0.0.0时,发布后的项目报这个错误

  2. Bug，项目过程中的重要数据

    作者|孙敏 为什么要做Bug分析? Bug是项目过程中的一个有价值的虫子,它不只是给开发的,而是开给整个项目组的. 通过Bug我们能获得什么? 积累测试方法,增强QA的测试能力,提升产品质量 发现项目 ...

  3. VS2017 MVC项目,新建控制器提示未能加载文件或程序集“Dapper.Contrib解决方法

    VS2017中MVC项目中,右键新建控制器时,提示 未能加载文件或程序集“Dapper.Contrib, Version=1.50.0.0, Culture=neutral, PublicKeyTok ...

  4. “System.BadImageFormatException”类型的未经处理的异常在 PurchaseDevices.Access.dll 中发生 其他信息: 未能加载文件或程序集“System.Data.SQLite, Version=1.0.66.0, Culture=neutral, PublicKeyToken=db937bc2d44ff139”或它的某一个依赖项。试图加载格式不正确

    引用sqlite的程序集时,有时会报如下异常:  "System.BadImageFormatException"类型的未经处理的异常在 PurchaseDevices.Acces ...

  5. MVC开发中的常见错误-01未能加载文件或程序集“EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089”或它的某一个依赖项。

    错误信息:未能加载文件或程序集“EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089”或 ...

  6. vs2015 项目调试出现未能加载文件或程序集“Antlr3.Runtime”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配。 (异常来自 HRESULT:0x80131040)

    今天在调试项目不知道怎么了,突然就报未能加载文件或程序集“Antlr3.Runtime”或它的某一个依赖项.找到的程序集清单定义与程序集引用不匹配. (异常来自 HRESULT:0x80131040) ...

  7. MyBatis Java不同方式加载文件时的路径格式问题、Mybatis中加载.properties文件

    public class LoadPropTest { public static void main(String[] args) throws IOException { //一.Properti ...

  8. 无法加载文件 **.ps1，系统中禁止执行脚本

    控制台执行命令后出现 无法加载文件 ******.ps1,因为在此系统中禁止执行脚本.有关详细信息,请参阅 "get-help about_signing" 在控制台执行命令: s ...

  9. SAP HANA项目过程中优化分析以及可行性验证

    在项目开发过程中,经常会遇到HANA模型运行效率的问题: 以我们项目为例,HANA平台要求模型运行时间不能超过10秒,但是在大数量和计算逻辑复杂的情况下(例如:ERP中的BKPF和BSEG量表的年数据 ...

随机推荐

  1. oschina 编程语言

    编程语言 Java C/C++ Objective-C PHP Perl Python Ruby C# .NET ASP Google Go D语言 Groovy Scala JavaScript T ...

  2. hdu3622（二分+two-sat）

    传送门:Bomb Game 题意:给n对炸弹可以放置的位置(每个位置为一个二维平面上的点),每次放置炸弹是时只能选择这一对中的其中一个点,每个炸弹爆炸的范围半径都一样,控制爆炸的半径使得所有的爆炸范围 ...

  3. js中点击空白区域时文本框与隐藏层的问题

    当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. <!DOCTYPE html PUB ...

  4. MapReduce 异常 LongWritable cannot be cast to Text

    有一个txt文件,内容格公式是这样的: 深圳订做T恤 5729944 深圳厂家t恤批发 5729945 深圳定做文化衫 5729944 文化衫厂家 5729944 订做文化衫 5729944 深圳t恤 ...

  5. Application.mk中APP_ABI 的含义

    我们在编写JNI代码时有一个可选的文件Application.mk ,这个文件你可以不创建,但是有时候是有必要写一个这样的文件的. Application.mk文件用于描述应用程序本身的一些属性信息, ...

  6. VMware vSphere 服务器虚拟化之二十六 桌面虚拟化之View Persona Management

    VMware vSphere 服务器虚拟化之二十六 桌面虚拟化之View Persona Management 实验失败告终,启动VMware View Persona Management服务报10 ...

  7. 关于多线程的一个例子（UI实时显示）

    在开发Window应用程序的时候,经常需要在界面上显示出已经执行到什么步骤了,拿一个简单例子来说,创建一个Winform程序,在窗体上访一个Button和一个Label,点击Button时做100次循 ...

  8. 【前端攻略】：玩转图片Base64编码（转）

    引言 图片处理在前端工作中可谓占据了很重要的一壁江山.而图片的Base64编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的base64编码.标题略大,不过只是希望通过一些浅显的论述, ...

  9. 2010多校第一题 hdu3440House Man 差分约束系统

    给我们n座房子,房子的高度各不相同, 从最低的房子开始, 每次跳到更高的房子, 跳n-1次最能跳到最高的房子了,但是每次跳跃的距离不能超过d 将这些房子在一维的方向上重新摆放(但是保持输入时的相对位置 ...

  10. 状态压缩dp入门

    poj1321 http://poj.org/problem?id=1321 我们可以把棋盘的每一行看做是一个状态,如果某一列放置了棋子,那么就标记为1,否则就标记为0.然后把它看成是一个二进制数,然 ...