dialog弹框总结

来源：互联网发布：airpods mac 编辑：程序博客网时间：2024/06/13 11:36

$(function(){ var api = $.dialog({    id: 'msg',    title: '消息提醒',    /*content: '初始化函数执行前窗口的内容',    init: function(){        alert('正在执行初始化函数，此时你可看到窗口内容没有发生变化');        this.content('我是初始化函数执行后的窗口中的内容');   },    close: function(){        alert('我是窗口关闭前执行的函数，如果返回false将阻止窗口关闭');    },*/  /*ok: function(){ //       this.reload();//点确定按钮后将刷新窗口调用页面 this.min();//点确定最小化    } ,*/       /* button: [{        name: '管理',        callback: function () {           this            .content('我更改了删除按钮')            .button({                name: '删除',                disabled: false                  //按钮接口演示 [button()]           })           .lock();            return false;        },        focus: true    }] ,*///    content: '<img src=" images/img1-lg.jpg" width="600" height="404" />',content: '定义消息图标',    icon: 'success.gif',//定义消息图标 titleIcon: 'lhgcore.gif',    width: 300,    height: 150,//    time: 2,//定时关闭消息   2秒后关闭    left: '100%',    top: '100%',//    lock:true ,//锁屏    fixed: true,    drag: false,        //禁止拖拽    resize: false //禁止拖拽});//.max();//窗口最大化//$.dialog({id: 'msg'}).title('3秒后关闭').time(3);//api.content('改变消息内容').title('改变标题提示');    //扩展方法改变弹框/*api.button({        name: '删除',        callback: function () {            alert('delect')                //按钮接口演示 [button()]        },        disabled: true    });*///    api.get('msg',1).title('通过id，改变标题');});

确认弹框

$.dialog.confirm('您确定快递已经送达吗？', function(){window.location.href = "${ctx}/wlps/updatestatus?status="+status+"&id="+id;}, function(){close();});

AJAX中嵌套dialog

var api = frameElement.api, W = api.opener;api.button({name: '确认',focus: true,callback: function(e){submit();return false;}},{name: '关闭'});function reasonsave(){var opinioncontent=$("#reason").val();if(opinioncontent!=""&&opinioncontent.length<200){$.ajax({cache: true,type: "POST",url:"${ctx}/sys/Save",dataType :'html',data:{content:opinioncontent,opinionType:"BJ"},// 你的formidasync: false,error: function(request) {W.$.dialog.alert('<div style="width:180px;">保存异常</div>', null, api);},success: function(data) {if(data=='1'){W.$.dialog.alert('<div style="width:180px;">保存成功</div>', null, api); }else if(data=='2'){         W.$.dialog.alert('<div style="width:180px;">已存在本条常用意见</div>', null, api); }else{         W.$.dialog.alert('<div style="width:180px;">保存失败</div>', null, api); }}});}else{W.$.dialog.alert('<div style="width:180px;">常用意见必填，最大长度200</div>', null, api);}}

提问并输入内容

$.dialog.prompt('请输入快递单号',    function(abc){        alert(abc);        if(abc.length == ''){        alert("快递单号不能为空");        }else if(abc.length > 5){        alert("快递单号超出最大长度");        }        $("#jsvalue").val(abc);    }    );

阅读全文

0 0