dialog彈框總結
阿新 • • 發佈:2019-01-22
$(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"},// 你的formid async: 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);
}
);