欢迎光临

木子屋

标题: 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">
.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 2.086 ms

返回

标题: EasyUI插件：Dialog使用示例

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 2.086 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 2.133 ms

返回