在本章中，我们将列出在Ext JS中编写第一个Hello World程序的步骤。

第1步

在我们选择的编辑器中创建一个index.htm页面。如下所示，将所需的库文件包括在html页面的头部。

索引

说明

• Ext.application（）方法是Sencha Touch应用程序的起点。它创建了一个名为’Sencha’的全局变量，并使用name属性进行了声明-所有应用程序的类（例如其模型，视图和控制器）都将驻留在该单个命名空间下，从而减少了碰撞全局变量和文件名的机会。

• 页面准备就绪并加载所有JavaScript文件后，将调用launch（）方法。

• Ext.create（）方法用于在Sencha Touch中创建对象。在这里，我们正在创建一个简单面板类Ext.tab.Panel的对象。

• Ext.tab.Panel是Sencha Touch中用于创建面板的预定义类。

• 每个Sencha Touch类都有不同的属性来执行一些基本功能。

Ext.Panel类具有各种属性，例如-

• 全屏属性是为了利用整个屏幕，因此面板将占用全屏空间。

• items属性是各种项目的容器。

• iconCls是用于显示不同图标的类。

• title属性是为面板提供标题。

• html属性是要在面板中显示的html内容。

第2步

在标准浏览器中打开index.htm文件，您将获得以下输出。