EasyUI-交互式消息

最新推荐文章于 2024-02-01 12:59:18 发布

dxm809

最新推荐文章于 2024-02-01 12:59:18 发布

阅读量162

点赞数

分类专栏： Jquery EasyUI

Jquery EasyUI 专栏收录该内容

110 篇文章

订阅专栏

本文介绍了一个使用EasyUI库创建交互式消息框的例子。通过点击按钮可以触发确认框和输入提示框，展示了如何利用jQuery EasyUI进行简单的用户交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery.easyui.min.js"></script>
<script src="~/Scripts/easyui-lang-zh_CN.js"></script>
<link href="~/Content/EasyUI/themes/icon.css" rel="stylesheet" />
<link href="~/Content/EasyUI/themes/default/easyui.css" rel="stylesheet" />

</head>
<body>
<h2>Interactive Messager</h2>
<p>Click on each button to display interactive message box.</p>
<div style="margin:20px 0;">
<a href="#" class="easyui-linkbutton" οnclick="confirm1();">Confirm</a>
<a href="#" class="easyui-linkbutton" οnclick="prompt1()">Prompt</a>
</div>
<script>
function confirm1() {
$.messager.confirm('My Title', 'Are you confirm this?', function (r) {
if (r) {
alert('confirmed: ' + r);
}
});
}
function prompt1() {
$.messager.prompt('My Title', 'Please type something', function (r) {
if (r) {
alert('you type: ' + r);
}
});
}
</script>
</body>
</html>