zoukankan      html  css  js  c++  java
  • ExtJS入门一例

    比如说创建一个消息框:

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 
     3 <html xmlns="http://www.w3.org/1999/xhtml">
     4 <head>
     5     <title>ExtJS2.0测试</title>
     6     <link rel="Stylesheet"  href="resources/css/ext-all.css" />
     7     
     8     <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
     9     <script type="text/javascript" src="js/ext-all.js"></script>
    10 </head>
    11 <body>
    12 <div id="container"></div>
    13 <script type="text/javascript">
    14 //    Ext.onReady(function() {
    15 //        alert("Congratulations! you have ExtJS configured successed!!");
    16     //    })
    17 
    18     Ext.MessageBox.show({
    19         title: "标题",
    20         msg: "内容的消息",
    21         buttons: { "ok": "我不再显示OK了" },
    22         fn: function(e) { alert(e); },
    23         animEl: "test1",
    24          500,
    25         icon: Ext.MessageBox.INFO,
    26         closable: false,
    27         progress: true,
    28         wait: true,
    29         progressText: "进度条"
    30         // prompt:true
    31         // multiline:true
    32     });
    33 </script>
    34 </body>
    35 </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>里;

  • 相关阅读:
    .net常用框架总结
    微信小程序 语音转换
    nginx+redis实现session共享 .NET分布式架构
    Redis 安装及注册服务
    WebApi跨域
    Uri各个属性取值测试
    一些常用的FFMPEG命令集合
    动态规划重学习笔记
    给自己的电脑时间进行精准校时
    [NOI题库][POJ2536][匈牙利算法][二分图最大匹配]Gopher II
  • 原文地址:https://www.cnblogs.com/dview112/p/2733592.html
Copyright © 2011-2022 走看看