EXT.NET对话框

最简单的对话框:

Ext.Msg.alert("提示", "保存失败");

含是否对话框:

Ext.MessageBox.confirm("注意", "是否继续?", function (btn) {

                //返回的为no何yes
                if (btn == "yes") {
                    
                }

            });

带输入的对话框:

 Ext.MessageBox.prompt(
    "标题",
    "详细信息内容",
    function (btn, text) {
        Ext.Msg.alert("提示", "你点击了" + btn + "按钮,获取的文本:" + text);
    },
    this,
    true,       //表示文本框为多行文本框
    "初始文本");

自定义对话框:

 Ext.MessageBox.show({
        title: "标题",
        msg: "详细信息内容",
        buttons: Ext.MessageBox.YESNOCANCEL,    //对话框的按钮组合
        multiline: false,                       //有文本框时,是否为多行文本框
        closable: false,                        //是否可关闭
        prompt: true,
        icon: Ext.MessageBox.WARNING,//对话框类型,可以是提示警告等
        iconCls: "add16",
        width: 400      
    });

有进度条的对话框:

加载进度条

Ext.MessageBox.show({
        title: '加载窗口',
        msg: '详细信息内容',
        progressText: '加载中...',
        width: 300,
        progress: true,
        closable: false,
        animateTarget: 'bt4'
    });
 
    //模拟加载环境
    var f = function (v) {
        return function () {
            if (v == 12) {
                Ext.MessageBox.hide();
                Ext.Msg.alert("提示", "加载完毕!");
            } else {
                var i = v / 11;
                Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% 完成');
            }
        };
    };
    for (var i = 1; i < 13; i++) {
        setTimeout(f(i), i * 200);
    }

等待进度条

Ext.MessageBox.show({
        msg: '正在保存数据..',
        progressText: '保存中...',
        width: 300,
        wait: true,
        waitConfig: { interval: 200 },
        icon: 'download',
        animateTarget: 'bt5'
    });
    setTimeout(function () {
        Ext.MessageBox.hide();
        Ext.Msg.alert("提示", "保存完毕!");
    }, 3000);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值