感觉进入了一个新天地。

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. Collaborative filtering

        Collaborative filtering, 即协同过滤,是一种新颖的技术.最早于1989年就提出来了,直到21世纪才得到产业性的应用.应用上的代表在国外有Amazon.com,Last. ...

  2. Android--启动系统的剪切图像功能并返回结果

    直接上代码: //启动裁剪图片 private void cropPhotoUri(Uri uri){ Intent intent = new Intent("com.android.cam ...

  3. hdu 1548 A strange lift

    题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=1548 A strange lift Description There is a strange li ...

  4. 007--VS2013 C++ 显示位图半透明化

    以后所有图片都放在根目录下: 如有另放,会特别注明 //全局变量HBITMAP bg,girl;HDC mdc; //起始坐标const int xstart = 50;const int ystar ...

  5. html readme

    取html页面高度 document.documentElement.scrollHeight在IE和Chrome下,可以正常取到合适的全文高度,但是firefox下取到的则过高: 用document ...

  6. 卷积神经网络CNN介绍:结构框架,源码理解【转】

    1. 卷积神经网络结构 卷积神经网络是一个多层的神经网络,每层都是一个变换(映射),常用卷积convention变换和pooling池化变换,每种变换都是对输入数据的一种处理,是输入特征的另一种特征表 ...

  7. CodeColorer支持的语言

    CodeColorer支持的语言有:abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp ...

  8. Netsharp快速入门(之7) 基础档案(工作区1 向导创建工作区)

    作者:秋时 杨昶   时间:2014-02-15  转载须说明出处 3.5     商品开发 3.5.1  创建部件工作区 3.5.1.1 工作区向导 1.打开平台工具,选择界面管理节点下的部件工作区 ...

  9. iOS网络传输Delegate不被触发的本质原因

    NSURLSession一共有四种Delegate (文后附表有Session和SessionTask分类表格) NSURLSessionDelegate, NSURLSessionDownloadD ...

  10. 处理XML的几种方式

    晚上突然收到codeproject发来的订阅邮件,上面是关于用DOM出来XML,想总结一下有哪些方式可以轻松得处理XML DOM:这个再古老不过了,貌似大学开XML课程的时候,老师首推DOM XPat ...