zoukankan      html  css  js  c++  java
  • AmazeUI 模态框封装

    /**
     * 模态窗口
     */
    window.Modal = {
        tpls:{
            alert:'<div class="am-modal am-modal-alert" tabindex="-1"><div class="am-modal-dialog"><div class="am-modal-hd message-text"></div><div class="am-modal-footer"><span class="am-modal-btn">确定</span></div></div></div>',
            confirm:'<div class="am-modal am-modal-confirm" tabindex="-1" ><div class="am-modal-dialog"><div class="am-modal-bd message-text"></div><div class="am-modal-footer"><span class="am-modal-btn btn-cancel" data-am-modal-cancel>取消</span><span class="am-modal-btn btn-confirm" data-am-modal-confirm>确定</span></div></div></div>',
            loading:'<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1"><div class="am-modal-dialog"><div class="am-modal-hd message-text">正在载入...</div><div class="am-modal-bd"><span class="am-icon-spinner am-icon-spin"></span></div></div></div>'
        },
        register:function(events){
            events = events || [];
            if(events.length == 0){
                events = ['alert', 'confirm', 'loading'];
            }
            var body = $(document.body);
            this.modal = {};
            for(var i=0; i<events.length; i++){
                var event = events[i];
                var tpl = this.tpls[event];
                if(tpl){
                    this.modal[event] = $(tpl);
                    body.append(this.modal[event]);
                }
            }
        },
        alert:function(message, config){
            config = config || {};
            var confirmText = config.confirmText || "确定";
            this.modal.alert.find(".am-modal-btn").text(confirmText);
            this.modal.alert.find(".message-text").html(message);
            this.modal.alert.modal("open");
        },
        confirm:function(message, config){
            config = config || {};
            var confirmText = config.confirmText || "确定";
            var cancelText = config.cancelText || "取消";
            this.modal.confirm.find(".btn-confirm").text(confirmText);
            this.modal.confirm.find(".btn-cancel").text(cancelText);
            this.modal.confirm.find(".message-text").html(message);
            this.modal.confirm.modal(config).modal("open");
        },
        loading:function(message){
            this.modal.loading.find(".message-text").html(message);
            this.modal.loading.modal("open");
        },
        dismissLoading:function(){
            this.modal.loading.find(".message-text").html("");
            this.modal.loading.modal("close");
        }
    };
    Modal.register();
  • 相关阅读:
    有关tensorflow一些问题
    一个完整openlayer的例子,包括marker,popup等
    OpenLayers中的Layer概念和实践--Openlayers调用WMS服务
    MapInfo格式转arggis格式
    arcgis for server 登陆manager失败解决办法
    1752:鸡兔同笼(2.1)
    1749:数字方格(2.1)
    08:石头剪刀布(1.6)
    c++中的243、251、250错误原因
    05:年龄与疾病(1.6)
  • 原文地址:https://www.cnblogs.com/rubekid/p/5427472.html
Copyright © 2011-2022 走看看