1:弹出提示窗的使用
(1)屏幕右下弹出提示窗口:
$.messager.show({
title:'My Title',
msg:'Message will be closed after 4 seconds.',
timeout:4000,(可选)
height:150, (可选)
width:350,(可选)
showType:'show'
});
timeout:number,(定期关闭)
showType:String(弹出的窗口的方式:show,slide,fade)
});
(2)进度条:
var win = $.messager.progress({
title:'Please waiting',
msg:'Loading data...'
});
setTimeout(function(){
$.messager.progress('close');
},mix);
mix:可以为数字(毫秒)或者为返回数字的函数;获取或者设置进度条的方法为:
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}
(3)普通弹出框:
$.messager.alert(title,msg,type);
type:可以省略,取值为:error,info,question,warning.
(4)确认弹出框:
$.messager.confirm('My Title', 'Are you confirm this?', function(r){
if (r){
alert('confirmed:'+r);
location.href = 'http://www.google.com';
}
});
(5)输入弹出框:
$.messager.prompt('My Title', 'Please type something', function(r){
if (r){
alert('you type:'+r);
}
});
相关推荐
在本书中,读者不但可以学到搜索框(searchbox)、进度条(progressbar)、提示框(tooltip)等功能性插件,还可以掌握布局(layout),以及强大的数据网格(datagrid)和分页(pagination)等插件。
5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 NumberBox(数字框) 16 6.1 实例 16 6.2 参数 17 7 ValidateBox(验证框) 18 7.1 实例 18 7.2 参数 20 7.3 方法 20 7.4 扩展 20 8 Pagination...
6.[jQuery.EasyUI]第6章.Tooltip提示框组件
摘要:脚本资源,Ajax/JavaScript,easyUI,JavaScript框架 jQuery easyUI——来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架。包括EasyUI.js核心文件、EasyUI.style样式对象...
jQuery-easyui中文API 名称 参数 描述 $.messager.show options 在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象: showType:定义如何将显示消息窗口。可用的值是:null,slide,fade...
前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较有限,有时我们需要添加自己的校验规则。 rules: { emai
如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。 2.练习1:验证输入字符长度及非空 <!DOCTYPE html> <html> <...
代码如下://confirm function Confirm(msg, control) { $.messager.confirm(“确认”, msg, function (r) { if (r) { return true; } }); return false;} 代码如下://Loadfunction Load() { ...
1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox....
5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 NumberBox(数字框) 16 6.1 实例 16 6.2 参数 17 7 ValidateBox(验证框) 18 7.1 实例 18 7.2 参数 20 7.3 方法 20 7.4 扩展 20 8 Pagination...
5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 NumberBox(数字框) 16 6.1 实例 16 6.2 参数 17 7 ValidateBox(验证框) 18 7.1 实例 18 7.2 参数 20 7.3 方法 20 7.4 扩展 20 8 Pagination...
本篇文章主要介绍了easyUI实现类似搜索框关键词自动提示功能示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
jQuery easyUI——来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架。包括EasyUI.js核心文件、EasyUI.style样式对象、EasyUI.math.js数学对象、JSTweener.js缓动对象、EasyUI...
该项目为网上零食销售系统,前后端分离(含有权限管理,高德地图地位,ECharts图形展示等技术),利用angularjs实现图片上传,消息提示框等功能,可以用作web项目的框架来使用,帮助学习angularjs和bootstrap前段和...
资源包括jqGrid(数据表格),jquery-cookie(cookie操作),jquery-ocupload(一键上传),jquery-uploadify(异步上传),jquery-validation(表单验证),zTree(树形菜单),vue,百度(ueditor,map),sweetaler(提示框),zDialog(弹框...
文章目录EasyUI入门简单介绍目录说明使用EasyUI导入的包声明组件的两个方法easyui组件的三要素常见异常常用的组件 EasyUI入门 简单介绍 Easyui它就是基于jquery封装的一个前端框架,让我们后端程序员,不需要写复杂...
因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, ... var defaults = { width: c.width(), //提示框的宽度 默认跟文本框一样 maxheight: 150, //提示框的最大高度 top: 6, //与文本框的上下距离 u