标题: EasyUI插件：Dialog使用示例
作者: dnawo
日期: 2013-05-20 03:24 PM
分类: 脚本语言
内容: 复制内容到剪贴板 程序代码<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>demo</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#btn1").click(function () {
$("#dialog1").html("<img src='http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif'/>");
$("#dialog1").dialog({
title: "Dialog Demo",
iconCls: "icon-tip",
modal: true,
closed: false,
toolbar: [{
text: 'Help',
iconCls: 'icon-help',
handler: function () { alert("help"); }
}],
buttons: [{
text: "Save",
handler: function () { alert("save"); }
}, {
text: "Close",
handler: function () {
$("#dialog1").dialog("close");
}
}]
});
});
});
</script>
<div id="dialog1"></div>
<input type="button" id="btn1" value="click" />
</body>
</html>
效果预览：
+ 查看当前日志评论 (0)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.045 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.045 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.045 ms