对话框(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');
}
}
});
}
}