`

ExtJs----Hello World

 
阅读更多
Extjs版本为2.1

代码框架如下：



具体代码如下： 


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Hello </title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="resources/javascript/ext-base.js"></script>
    <script type="text/javascript" src="resources/javascript/ext-all.js"></script>

    <script type="text/javascript">
      Ext.onReady(function(){
    	  Ext.MessageBox.alert("hello","Hello  World !");
      });
    </script>
</head>
<body>
</body>
</html>


运行结果为：

  • 大小: 21.2 KB
  • 大小: 4.1 KB
分享到：
| 深度优先遍历------部分和问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ExtJS----HelloWorld程序源码

    在"ExtJS----HelloWorld程序源码"中，我们将会看到如何使用ExtJS来创建一个简单的“你好，世界！”应用。以下是对这个示例中涉及的主要知识点的详细解释： 1. **引入ExtJS库**：首先，你需要在HTML文件中引入ExtJS...

    ExtJs-4.1.1a-gpl+中午手册+入门教程

    2. **Hello World**：创建第一个ExtJS应用，展示基础组件如Panel的使用。 3. **组件基础**：讲解如何创建和使用不同类型的组件，如按钮、文本框、表单等。 4. **布局管理**：介绍如何利用布局管理器来组织和排列...

    ExtJS helloworld.html

    简单的ExtJS版的helloworld.html代码

    extjs4 helloworld

    标题“extjs4 helloworld”指的是使用Ext JS 4框架创建的一个基础的“Hello, World”应用程序。Ext JS是一个强大的JavaScript库，用于构建富客户端Web应用程序。它提供了一个全面的组件模型，允许开发者构建复杂的...

    Extjs4-学习指南

    - 在 Webroot 目录下新建 `helloworld.js` 文件，并添加如下内容： ```javascript Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Viewport', { layout: 'fit', ...

    ExtJS5学习之Hello World

    在"ExtJS5学习之Hello World"这个主题中，我们将深入探讨如何使用ExtJS5进行基本的开发工作。 首先，ExtJS5的"Hello World"程序通常是一个简单的窗口应用，展示如何创建一个基本的ExtJS应用。在这个例子中，我们...

    HelloWorld.rar

    在"HelloWorld.rar"这个压缩包中，我们很显然会找到一个基础的ExtJS项目，用于初学者学习和理解如何在实践中应用和导入ExtJS组件库。 在深入探讨之前，先来了解一下ExtJS的核心特性。ExtJS 提供了一个丰富的组件...

    Extjs4.0权威指南-中文

    1. **创建 `helloworld.js` 文件：** ```javascript Ext.application({ name: 'HelloExt', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [{ title: 'HelloExt', ...

    让我们开始EXTJS之旅

    ### 让我们开始EXTJS之旅 ...&lt;TITLE&gt;ExtJS2-HelloWorld &lt;link rel="stylesheet" type="text/css" href="ExtJS2/resources/css/ext-all.css"/&gt; &lt;script type="text/JavaScript" src="ExtJS2/adapter/ext/ext-base.js"&gt; ...

    Extjs4 权威指南(中)

    - 创建`helloworld.js`文件，编写基础代码。 - 创建`helloworld.html`文件，引入必要的CSS和JS文件。 - 确认文件路径与引用路径匹配无误。 - 测试：打开浏览器，输入`...

    extjs 3.4 开发前准备

    在EXTJS的examples目录下创建一个新的helloworld目录，以此为基础进行学习。首先创建一个简单的"Hello, World!"程序，可以了解EXTJS的基本架构和组件使用方法。 通过上述准备工作，开发者可以顺利地开始EXTJS 3.4的...

    extjs4学习文档

    创建一个名为helloworld.js的JavaScript文件，定义一个EXTJS应用，创建一个容器组件，并在其中放置一个具有标题和内容的Panel。同时，创建一个helloworld.html文件，引入EXTJS的CSS和JavaScript库以及自定义的hello...

    免费 Extjs4.0教程视频

    #### 第一讲：Extjs 4.0概述与Hello World程序 - **Extjs 4.0简介**： - Extjs是一款基于JavaScript的开源前端框架，用于构建交互式的Web应用程序。 - 版本4.0引入了许多新功能和改进，使其更加强大和灵活。 - **...

    ExtJS4之初体验

    通过以上步骤，我们不仅完成了ExtJS4的基础安装与配置，还实现了第一个简单的“Hello World”程序，这对于初学者来说是非常重要的第一步。随着对框架理解的深入，可以逐步探索更多高级特性和技术细节。

    Extjs4.0学习指南(中文)

    - 创建 `helloWorld.js` 文件，内容如下： ```javascript Ext.application({ name: 'HelloExt', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { title: '...

    extjs4中文视频下载地址

    - **Hello World 程序**：通过一个简单的“Hello World”示例程序来快速上手 ExtJS 4.0。该示例将帮助初学者了解如何创建基本的 ExtJS 项目结构，配置必要的开发环境以及如何编写第一个 ExtJS 应用程序。 #### 二、...

    extjs入门之helloword

    这篇博客“extjs入门之hello world”应该是引导初学者了解并开始使用ExtJS的基本步骤。由于描述部分是空的，我们将主要依据标题和标签来探讨相关知识点。 首先，让我们来看看“源码”这个标签。在学习任何编程技术...

    windows下Extjs开发环境搭建说明

    本文档旨在详细介绍如何在 Windows 操作系统环境下搭建 Extjs 的开发环境，并通过 Spket 实现代码智能提示功能，最后通过一个简单的 HelloWorld 示例来验证环境搭建的成功。 #### 二、安装与配置 Java 环境 1. **...

Magicbox
Global site tag (gtag.js) - Google Analytics