Ext.js 第一个程序

Extjs

Extjs 教程 Ext.js 概述 Ext.js 环境设置 Ext.js 命名约定 Ext.js 架构 Ext.js 第一个程序 Ext.js Class 系统 Ext.js 集装箱 Ext.js 布局 Ext.js 组件 Ext.js 拖放 Ext.js 自定义事件和监听器 Ext.js 数据 Ext.js 字体 Ext.js 风格 Ext.js 图像 Ext.js 本地化 Ext.js 可访问性 Ext.js 调试代码 Ext.js 方法

Ext.js 第一个程序

Ext JS中首先编写Hello World程序的步骤:

步骤1

在我们选择的编辑器中创建index.htm页面。将所需的库文件包含在html页面的head部分，如下所述:

index.htm

<!DOCTYPE html>
<html>
   <head>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="/attachments/tuploads/extjs/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function() {
         Ext.create('Ext.Panel', {
            renderTo: 'helloWorldPanel',
            height: 200,
            width: 600,
            title: 'Hello world',
            html: 'First Ext JS Hello World Program'
            });
         });
      </script>
   </head>
   <body>
      <div id="helloWorldPanel" />
   </body>
</html>