jquery easyui 弹出消息框 (转载)

简介: jQuery EasyUI API 中文文档 - 消息框(Messager) http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.

jQuery EasyUI API 中文文档 - 消息框(Messager)

http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

 

<html> 
<head> 
<!-- 导入easyui插件的js和css样式; --> 
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> 
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css"> 
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script> 
<script type="text/javascript"> 
//右下角弹出框;
function slide(){ 
jQuery.messager.show({ 
title:'温馨提示:', 
msg:'你好,我是从右下角弹出的窗体!', 
timeout:5000, 
showType:'slide'
}); 
} 
//弹出框;
function alterInfo(){ 
jQuery.messager.alert('提示:','你好,我叫弹出框!'); 
} 
//错误弹出框;
function errorInfo(){ 
jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error'); 
} 
//信息弹出框;
function info(){ 
jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info'); 
} 
//警告弹出框;
function warning(){ 
jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning'); 
} 
//确认弹出框;
function confirmInfo(){ 
jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){ 
if(event){ 
alert('你点击的是'+event); 
}else{ 
alert("你点击的是false"); 
} 
}); 
} 
//可以输入文本的对方框;
function prompt(){ 
jQuery.messager.prompt('提示:','请输入消息.',function(r){ 
if(r){ 
alert("你输入的文本是:"+r); 
} 
}) 
} 
</script> 
</head> 
<body> 
</body> 
</html> 

 

相关文章
|
6月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
120 0
|
JavaScript NoSQL 前端开发
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(3)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
171 0
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(3)
|
JavaScript 前端开发 NoSQL
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(2)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
150 0
|
JavaScript 前端开发 NoSQL
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(1)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
161 0
EasyUI–消息框、对话框和窗体详解
本篇主要介绍信息提示框、对话框及窗体相关控件,这些都是最常用的页面弹出控件,使用一个详细的例子描述。 按惯例献上案例的示意图:
553 0
EasyUI–消息框、对话框和窗体详解
|
前端开发 JavaScript 数据安全/隐私保护
jQuery EasyUI简明教程
1. 背景 EasyUI虽然样式比较固定,但是功能比较全面,而且入门比较简单,适合刚刚学习前端的童鞋们,此处拿出来讲讲如何使用EasyUI。
159 0
|
JavaScript 前端开发 开发者
【原】jQuery easyUI 快速搭建前端框架
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
1822 0
fbh
|
JavaScript
基于Jquery easyui 选中特定的tab并更新
原文:http://www.cnblogs.com/bohanfu/p/5802138.html  获取选中的 Tab // 获取选中的 tab panel 和它的 tab 对象 var pp = $('#tt').tabs('getSelected'); var tab = pp.panel('options').tab; // 相应的 tab 对象 更新特定的选项卡面板 可使用update方法,param参数包含2个属性: tab: 将被更新的选项卡。
fbh
1093 0
|
JavaScript 前端开发 .NET
使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chinahuyong/article/details/12613953 使用J...
971 0

相关课程

更多