位置:首页 » 文章/教程分享 » jquery easyUI的dialog方法弹出对话框多个按钮进行选择

对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具。easyUI的dialog方法弹出对话框可以放多个按钮进行选择。

先看效果:

Html:

<div id="choosePage" style="visibility:hidden;">
	<a title="确定" class="button" href="javascript:queding();"><i></i><span>确定</span><s></s></a>
	<a title="取消" class="button" href="javascript:quxiao();"><i></i><span>取消</span><s></s></a>
</div>

JS:

$(function(){
	$('#choosePage').dialog({
			resizable: false,
			width : 600,
			height : 300,
			cache : false,
		   	modal : true,
		    	title:"选择办理手续页面",
		    	buttons: {
		        		cancle: function() {
		        			$(this).dialog('close');
		        		}
			}
	});
	
});
 
function queding(){
	$("#choosePage").dialog('close');
}
 
function quxiao(){
	$("#choosePage").dialog('close');
}

参考

('#choosePage').dialog({
resizable: false,
width : 600,
height : 300,
cache : false,
    modal : true,
    title:"选择办理手续页面",
    buttons: {
        cancle: function() {
         $(this).dialog('close');
        }
    }
});
}
}