ExtJS2.0实用简明教程 - ExtJS版的Hello

绝地灬酷狼 2021-12-24 12:07 236阅读 0赞

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码：

<html xmlns="" >
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>ExtJS</title>
     <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
     <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="extjs/ext-all.js"></script>
     <script>
     Ext.onReady(function()
     {
       
     Ext.MessageBox.alert("hello","Hello,easyjf open source");
     });
     </script>
     </head>
     <body>
     </body>
     </html>

![image011.jpg][]

图1-11  hello.html页面效果

进一步，我们可以在页面上显示一个窗口，代码如下：

<script>
    Ext.onReady(function()
    {
    var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});
    win.show();
    });
    </script>

在浏览hello.html，即可得在屏幕上显示一个窗口，如图xxx所示。

![image013.jpg][]

转载于:https://www.cnblogs.com/licheng/archive/2008/10/22/1317291.html

[image011.jpg]: http://www.easyjf.com/blog/lengyu/extjs/image011.jpg
[image013.jpg]: http://www.easyjf.com/blog/lengyu/extjs/image013.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读

相关初探Extjs hello word的输出

Extjs 技术是一个开发企业级工具的快捷技术。里面内置了各种UI组件，大大减少了开发中css的耗时。今天我们开始试试这个Extjs 首先从官网上下载了![2019

柔光的暖阳◎/ 2023年05月30日 06:24/ 0 赞/ 21 阅读

相关 EXTJS详细教程

布局和容器普通布局 Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(),

迈不过友情╰/ 2022年11月15日 01:09/ 0 赞/ 174 阅读

相关 ExtJS 4 MVC架构讲解 – ExtJS4中文教程

ExtJS MVC架构讲解本文地址 [http://www.showframework.com/2012/07/extjs-mvc-architecture/][

短命女/ 2022年08月02日 00:17/ 0 赞/ 189 阅读

相关 extjs

1、监听回车键1 onKeyUp : function(e, t) { var me = this, key = e.getKey();

傷城~/ 2022年06月08日 10:25/ 0 赞/ 193 阅读

相关 extjs

转自：百度百科 extjs 编辑 extjs是一种软件。自动生成 [行号][Link 1]，支持 [checkbox][] [全选][Link 2]，动态选择显

深藏阁楼爱情的钟/ 2022年05月25日 13:13/ 0 赞/ 172 阅读

相关 Hello ExtJs4.1

第一个ExtJs4.1，搞了半天总算搞出来鸟，开心。。直接上代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//E

你的名字/ 2022年05月08日 19:42/ 0 赞/ 173 阅读

相关 ExtJS2.0实用简明教程 - 应用ExtJS

应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapte

迷南。/ 2021年12月24日 12:07/ 0 赞/ 218 阅读

相关 ExtJS2.0实用简明教程 - ExtJS版的Hello

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码： <html xmlns="" > <head> <meta

绝地灬酷狼/ 2021年12月24日 12:07/ 0 赞/ 237 阅读

相关三、《ExtJS2.0实用简明教程》之获得ExtJS

要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，网址 [http://extjs.com/download][http_extjs

骑猪看日落/ 2021年12月14日 03:49/ 0 赞/ 263 阅读

相关 EXTJS框架

[ ][Link 1] [ExtAspNet v2.1.8 ExtAspNet is a set of professional Asp.net controls

怼烎@/ 2021年11月10日 01:58/ 0 赞/ 282 阅读