`
dview112
  • 浏览: 6064 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJS入门一例

阅读更多

 

 

比如说显示一个消息框:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>ExtJS2.0测试</title>
    <link rel="Stylesheet"  href="resources/css/ext-all.css" />
    
    <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="js/ext-all.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
//    Ext.onReady(function() {
//        alert("Congratulations! you have ExtJS configured successed!!");
    //    })

    Ext.MessageBox.show({
        title: "标题",
        msg: "内容的消息",
        buttons: { "ok": "我不再显示OK了" },
        fn: function(e) { alert(e); },
        animEl: "test1",
        width: 500,
        icon: Ext.MessageBox.INFO,
        closable: false,
        progress: true,
        wait: true,
        progressText: "进度条"
        // prompt:true
        // multiline:true
    });
</script>
</body>
</html>

 

 

 

首先,注意引入.js脚本的引入顺序

<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
及其正确的目录; 否则可能会遇到"Ext未定义"等问题

 

 

其次,Ext.MessageBox.show()放在<body>里;

 

 

分享到:
评论

相关推荐

    「extjs入门教程-SSHMavenExtjs4MySQL实战开发」.docx

    【EXTJS 入门教程-SSH Maven Extjs4 MySQL实战开发】是一份详细的教程,旨在帮助初学者掌握EXTJS框架,结合SSH(Struts2、Spring、Hibernate)和Maven,利用MySQL数据库进行Web应用程序的开发。EXTJS是一个强大的...

    Extjs tree实例【源代码】

    ExtJs 2.2.1 tree实例,内附mysql数据文件 ...给入门同学一个简单指导。 本例,存在几个明显的bug,但不影响本意,见谅。 需要C#无bug版的同学,请留下邮箱。 最后:祝自己在13年,顺利完成所有计划!

    ExtJS6学习资料

    #### 一、ExtJS6 入门与优势 ##### 1.1 跨浏览器支持 - **核心优势**:在使用普通的 JavaScript 进行 Web 开发时,浏览器兼容性问题一直是一大挑战。解决这类问题通常会消耗大量的时间和精力,而使用 ExtJS 可以极...

    extjs实用开发指南

    ExtJS教程提供了一系列的学习资源,包括新手入门、组件体系结构介绍、使用方法、示例应用等,这为想要入门ExtJS的开发者提供了直接的学习路径。而更详细的《ExtJS实用开发指南》则适合那些想要深入学习或已经在使用...

    Extjs4学习指南

    - **版本选择:** 本指南以Extjs 4.0.7为例进行介绍。用户可根据实际项目需求选择合适的版本进行下载。 **1.2 搭建学习环境** - **工具准备:** 确保本地开发环境中已安装MyEclipse及Tomcat。若未安装,则需参考...

    Ext入门学习.docx

    ### ExtJS入门学习知识点 #### 一、ExtJS概述 **ExtJS** 是一款功能强大的JavaScript框架,专门设计用于在客户端构建丰富的Web应用程序界面。它最初由开发人员 Jack Slocum 开发,受到 Java Swing 等机制的启发,...

    log4Net详解(共2讲)

    1、ExtJs基础篇-ExtJs快速入门 1.1、ExtJs基础篇(1):ExtJs概述与环境配置及架构剖析 1.2、ExtJs基础篇(2):ExtJs OOP基础 1.3、ExtJs基础篇(3):ExtJs 核心函数简介 1.4、ExtJs基础篇(4):ExtJs中的模板详解(1...

    【藏宝图】(珍藏版)2012java开发工程师必备精品资料(115)

    这份手册系统地介绍了Java编程从入门到高级的所有知识点,对于自学Java的读者来说是一本很好的参考资料。 #### 二十二、JAVA学生管理系统 这是一个基于Java的学生管理系统项目,包含了学生信息管理、成绩管理等...

Global site tag (gtag.js) - Google Analytics