李炎恢_PHP_jQuery EasyUI[017] ~ Messager(消息視窗)元件
李炎恢_PHP_jQuery EasyUI[017] ~ Messager(消息視窗)元件
參考資料: https://github.com/jash-git/jash-WebSI
GITHUB: https://github.com/jash-git/richie_jQuery_EasyUI
My code:
$(function () {
$.messager.defaults = {
ok : '是',
cancel : '否',
};
/*
$.messager.alert('警告框','这是一个提示！','info', function () {
alert('警告框');
});
$.messager.confirm('确认框','你真的要删除吗？', function (flag) {
if (flag) {
alert('删除成功！');
}
});
$.messager.prompt('提示框', '请输入你的名字！', function (content) {
if (content) {
alert(content);
}
});
$.messager.progress({
title : '执行中',
msg : '努力上传中',
text : '{value}%',
interval : 100,
});
//console.log($.messager.progress('bar'));
$.messager.progress('close');
$.messager.show({
title : '我的消息',
msg : '消息5秒钟后关闭',
timeout : 5000,
showType : 'fade',
style : {
top : 0,
}
});
*/
$.messager.confirm('确认框','你真的要删除吗？', function (flag) {
if (flag) {
alert('删除成功！');
}
});
});
<!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="../../easyui_15/jquery.min.js"></script> <script type="text/javascript" src="../../easyui_15/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../easyui_15/locale/easyui-lang-zh_TW.js" ></script> <script type="text/javascript" src="js/index.js"></script> <link rel="stylesheet" type="text/css" href="../../easyui_15/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="../../easyui_15/themes/icon.css" /> </head> <body> </body> </html>
PDF:
執行結果:
