1. 程式人生 > >dialog彈框總結

dialog彈框總結

$(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);
    		}
    			
);