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

第1步

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

索引

说明

• 一旦Ext JS准备好呈现Ext JS元素，就会调用Ext.onReady（）方法。

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

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

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

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

• renderTo是此面板必须渲染的元素。 “ helloWorldPanel”是Index.html文件中的div ID。

• 高度和宽度属性用于自定义面板的大小。

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

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

第2步

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