Easyui-交互式消息弹出框
2016-08-17 19:38
471 查看
由于项目在优化的时候需要用到弹出框,按自己的想法是傻傻的用一些alert直接弹出得了,但是这样用户体验度不是特别好,影响界面美观,所以自己还是用了封装好的easyui给的消息框,怎么用呢,这个里面很有文章。
我用的是那种弹出框有确定、取消功能的消息提示框,所以重点说一下这个的用法。
需求:需要对一个事件进行判断是否往下进行?
做法:
引用easyui封装部分:
Html部分:
JavaScript部分:
效果:
上面的点击按钮为英文的,如果想变为中文的,修改JavaScript部分即可,如下:
想要了解更多的关于提示框的点击:快来瞧瞧
感谢您的宝贵时间···
我用的是那种弹出框有确定、取消功能的消息提示框,所以重点说一下这个的用法。
需求:需要对一个事件进行判断是否往下进行?
做法:
引用easyui封装部分:
<script src="../../Scripts/jquery-1.7.1.min.js"></script> <script src="../../Scripts/jquery-1.7.1.js"></script> <script src="../../EasyuiSource/jquery.easyui.min.js"></script> <link href="../../Content/base-master/src/base.css" rel="stylesheet" /> <link href="../../Content/iconfont-master/index.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" />
Html部分:
<a href="#" class="easyui-linkbutton" id="up1" data-options="iconCls:'icon-redo'" type="text/html" onclick="Next()" style="margin-left: 750px;">完成</a>
JavaScript部分:
function Next() { $.messager.confirm('温馨提示', '完成后信息无法修改,确定完成吗?', function (r) { if (r)//选择确定或者OK { $.ajax({ type: "POST", url: "/FreshNewReport/UpdateBasicStudentinfo", success: function (data) { if (data == "True") { window.location.href = "../FreshNewReport/SuccessReport"; } else { $.messager.alert('警告','信息入库失败,请联系管理员','info') } } }); } }) }
效果:
上面的点击按钮为英文的,如果想变为中文的,修改JavaScript部分即可,如下:
function Next() { $.extend($.messager.defaults, { ok: "确定", cancel: "取消" }); $.messager.confirm('温馨提示', '完成后信息无法修改,确定完成吗?', function (r) { if (r)//选择确定或者OK { $.ajax({ type: "POST", url: "/FreshNewReport/UpdateBasicStudentinfo", success: function (data) { if (data == "True") { window.location.href = "../FreshNewReport/SuccessReport"; } else { $.messager.alert('警告','信息入库失败,请联系管理员','info') } } }); } }) }
想要了解更多的关于提示框的点击:快来瞧瞧
感谢您的宝贵时间···
相关文章推荐
- easyui解决弹出窗口关闭后,验证消息还显示在最上面
- 用easyui弹出消息对话框
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
- 解决ie浏览器对easyui加载时候弹出的div一闪而过的问题
- easyui window tool 弹出窗口 工具栏 重用问题
- oc弹出框显示提示消息
- 两种方法关闭Win7右下角弹出的操作中心消息提示
- ASP.net弹出消息对话框的方法! (轉載) .
- easyui弹出对话框的位置根据某个控件元素改变
- jquery-easyui:window或dialog 中弹出的多个窗口中不能含相同的名称的form 或 input
- C#实现仿msn提示消息在登录后只弹出一次的效果(downmoon)
- java swing 类似Eclipse的错误消息弹出框
- C#+JS简单实现 定时轮询数据表 以及时弹出消息提示窗口
- C# Windows服务 弹出消息提醒框
- 类QQ右下角弹出消息对话框(jQuery插件)
- jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
- 右下角弹出(淡出)消息(js)
- 锁屏状态下弹出对话款,类似QQ、微信锁屏时候屏幕小窗口显示消息
- Android 高仿QQ滑动弹出菜单标记已读、未读消息