感觉进入了一个新天地。

WIN时代的API + 浏览器的窗口。

复古风了？

真的是好多年前还有点印象的DELPHI及MFC啊。

<!DOCTYPE html>
<html>
<head>
    <title>ExtJs</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
        <script type="text/javascript" src="ExtJs/ext-all.js"></script>
        <script type="text/javascript" src="ExtJs/bootstrap.js"></script>
        <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
    <script type="text/javascript">
        //在页面加载完成之后执行
            Ext.onReady(function(){
                function callBack(id) {
                alert("STOP!" + id);
                }
                function callBackPrompt(id, msg) {
                alert("STOP!" + id + msg);
                }
                function callBackShow(id, msg) {
                alert("你单击的按钮ID是" + id + "输入的内容是：" + msg);
                }
                //Ext.Msg.alert('提示','<font color="red">逗号分隔参数列表</font>', callBack);
                // Ext.Msg.confirm('提示','请单击我，作出选择', callBack);
                // Ext.Msg.prompt('Notice', 'Input some text:', callBackPrompt, this, true, 'the default value');
                //Ext.Msg.wait('Please wait', 'notice', {
                //    text:'the work'});
                /*
                var msgBox = Ext.Msg.show({
                    title:"提示",
                    msg: "动态更新的信息文字",
                    width: 800,
                    height: 200,
                    multiline: true,
                    modal: true,
                    prompt: true,
                    value: "请输入",
                    fn: function() {
                        Ext.TaskManager.stop(task)},
                    buttons: Ext.Msg.YESNOCANCEL,
                    icon: Ext.Msg.QUESTION
                });
                var task = {
                    run:function(){
                        msgBox.updateText("提示会动的时间：" + Ext.util.Format.date(new Date(), 'Y-m-d g:i:s A'));
                        },
                        interval: 1000
                };
                Ext.TaskManager.start(task);
                */
                var msgBox = Ext.Msg.show({
                    title: "notice",
                    msg: 'check progress',
                    modal: true,
                    width: 300,
                    progress: true
                });
                var count = 0;
                var percentage = 0;
                var progressText = "";

                var task = {
                    run: function(){
                        count ++;
                        percentage = count/10;
                        progressText = 'now: ' + percentage*100 + "%";
                        msgBox.updateProgress(percentage, progressText,
                            'now time: ' + Ext.util.Format.date(new Date(), 'Y-m-d g:i:s A'));
                        if (count > 10) {
                            Ext.TaskManager.stop(task);
                            msgBox.hide();
                            }
                        },
                        interval: 1000
                    }
                    Ext.TaskManager.start(task);
            });
    </script>
</head>
<body>
    <div>
    </div>
</body>
</html>

ExtJs尝下鲜的更多相关文章

  1. G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts图表

    在G4Studio+extjs下.创建一个panel,然后将highCharts图表放入panel中.实现方法例如以下: 首先简单给出的部分代码: Ext.onReady(function() { v ...

  2. extjs表格下的分页条——Ext.grid.Panel 的 pagingtoolbar

    两种分页条:每页固定条数的分页条 和 自定义选择每页内容条数的分页条 一.每页固定条数的分页条 这种样式的-- dockedItems: [{ xtype: 'pagingtoolbar', stor ...

  3. 有空可以对C#尝一下鲜，WCF看上去很诱人（跨进程、跨机器、跨子网，跨企业网乃至跨Internet的分布式服务）

    说道底不还是要借助NGNIX实现,PHP自身呢?C#的WCF可以脱离IIS就可以实现跨进程.跨机器.跨子网,跨企业网乃至跨Internet的分布式服务,宿主可以是IIS,WinForm,WPF, Wi ...

  4. 使用PostgreSQL进行全文检索

    * { color: #3e3e3e } body { font-family: "Helvetica Neue", Helvetica, "Hiragino Sans ...

  5. 使用PostgreSQL进行中文全文检索

    code[class*="language-"], pre[class*="language-"] { background-color: #fdfdfd; - ...

  6. 使用.NET Core+Docker 开发微服务

    .NET Core发布很久了,因为近几年主要使用java,所以还没使用过.NET Core,今天正好有一个c#写的demo,需要做成服务,不想再转成java来实现,考虑使用.NET CORE来尝下鲜, ...

  7. 网站SEO优化的方法

    网站SEO优化的方法: 1.url静态化和规范化:url中都去掉了index.php这样的后缀网址形式,目的就是让网站的层级更浅,获得的权重更高 代码中可以使用urlrewrite重写. 2.域名30 ...

  8. ExtJs 可查询的下拉框

    最近项目中有个需求,就是有四个模块需要加载一个主表的内容,比如说这个表叫项目表(比如项目表里有两个字段一个是项目ID--projCd,还有一个是项目名称--projNm).主表的内容的要放在一个下拉框 ...

  9. Extjs 下拉框下拉选项为Object object

    使用Extjs的下拉框出现下拉选项为Object object的问题. 原因在于对store属性提供的是data信息,而不是store对象

随机推荐

  1. JVM学习总结二——垃圾回收算法

    昨天总结了JVM内存分区相关的知识,这次我们将来了解下JVM的另一个核心知识点——垃圾回收算法.这一部分其实并不太难,如果对操作系统的内存处理算法有所了解,那么这部分算法其实只看名字就能明白,两者在原 ...

  2. Spark 3000门徒第一课随笔

    昨晚听了王家林老师的Spark 3000门徒系列课程的第一课,把scala基础过了一遍,对ArrayBuffer有了新的认识: Array本身创建后不可修改ArrayBuffer可修改import s ...

  3. firebreath 在谷歌和火狐浏览器下的调试 以及打包

    在寻找插件开发资料的过程中找到了一个开发浏览器插件的开源项目——firebreath firebreath的安装以及测试我就不再叙述了,可以参考大神的文章 . http://www.blogjava. ...

  4. 如何使用和了解ALTERA的IP核

    可以通过直接对IP核进行仿真验证,通过波形来分析IP核的功能和工作方式,以及各个寄存器之间的工作关系. 也可以通过查看用户指导手册来学习IP核,如下图.

  5. MATLAB GUI程序设计中ListBox控件在运行期间消失的原因及解决方法

    在运行期间,ListBox控件突然消失,同时给出如下错误提示: Warning: single-selection listbox control requires that Value be an ...

  6. CS小分队第一阶段冲刺站立会议（5月8日）

    昨日成果:优化了扫雷游戏,解决了界面随格子数改变却不能缩小的bug,另外改写了程序,能使用户在点下第一个雷时再生成代码,防止第一步踩到地雷. 遇到的困难:主要就是考虑扫雷需不需要有一个存档,这个存档用 ...

  7. github 使用体会

    开始使用git: 在本机上安装git,听一些同学说他们当时用的是github的中文版即oschina开源中国,似乎操作更加简便一些,还可以安装tortoisegit,是一个gui界面.不过我想用习惯了 ...

  8. xcode 使用通用总结

    一.搜索东西 有时候类很多,方法很多,想改某类时,还要打开各自文件夹去点进去,感觉很麻烦费时间. 如下图:用此搜索可以搜到此类,从而进行修改. 有时候想在类中找某个方法或者属性,自已一点一点找很费劲, ...

  9. Centos6.5以下Samba服务配置

    一.简介 Samba是一个能让Linux系统应用Microsoft网络通讯协议的软件,而SMB是Server Message Block的缩写,即为服务器消息块 ,SMB主要是作为Microsoft的 ...

  10. 关于django批量上传图片

    本来想一张一张上传的,但是明显会对客户造成不必要的麻烦,所以如果前台一次性上传五张十张的话,那就简单的多. 但是后台我数据库对于图片存储的字段只有一个,不可能有多少张照片就要多少个字段来存储.也就是说 ...