`

(二)jquery easyUI提示框的使用

阅读更多

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);
    }
   });

分享到:
评论

相关推荐

    jQuery EasyUI开发指南 ,王波编

    在本书中,读者不但可以学到搜索框(searchbox)、进度条(progressbar)、提示框(tooltip)等功能性插件,还可以掌握布局(layout),以及强大的数据网格(datagrid)和分页(pagination)等插件。

    jQuery easyUI的教程

    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提示框组件

    6.[jQuery.EasyUI]第6章.Tooltip提示框组件

    jQuery easyUI 前端JavaScript框架 v1.2.3

    摘要:脚本资源,Ajax/JavaScript,easyUI,JavaScript框架 jQuery easyUI——来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架。包括EasyUI.js核心文件、EasyUI.style样式对象...

    jQuery-easyui中文API

    jQuery-easyui中文API 名称 参数 描述 $.messager.show options 在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象: showType:定义如何将显示消息窗口。可用的值是:null,slide,fade...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较有限,有时我们需要添加自己的校验规则。 rules: { emai

    jQuery EasyUI之验证框validatebox实例详解

    如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。 2.练习1:验证输入字符长度及非空 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;...

    Jquery EasyUI中弹出确认对话框以及加载效果示例代码

    代码如下://confirm function Confirm&#40;msg, control&#41; { $.messager.confirm&#40;“确认”, msg, function (r&#41; { if (r) { return true; } }); return false;} 代码如下://Loadfunction Load() { ...

    jQuery EasyUI API 中文帮助文档和扩展实例

    1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert&#40;strTitle, strMsg&#41;; } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox....

    jquery_easyui_cn文档

    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...

    jquery_easyui_cn 中文例子 和详解

    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实现类似搜索框关键词自动提示功能示例代码

    本篇文章主要介绍了easyUI实现类似搜索框关键词自动提示功能示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

    jquery-easyui.rar_Java编程_Java_

    jQuery easyUI——来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架。包括EasyUI.js核心文件、EasyUI.style样式对象、EasyUI.math.js数学对象、JSTweener.js缓动对象、EasyUI...

    网上零食商城(ssm+bootstrap+jquery+AngularJs+EasyUI)

    该项目为网上零食销售系统,前后端分离(含有权限管理,高德地图地位,ECharts图形展示等技术),利用angularjs实现图片上传,消息提示框等功能,可以用作web项目的框架来使用,帮助学习angularjs和bootstrap前段和...

    前端插件集合及demo

    资源包括jqGrid(数据表格),jquery-cookie(cookie操作),jquery-ocupload(一键上传),jquery-uploadify(异步上传),jquery-validation(表单验证),zTree(树形菜单),vue,百度(ueditor,map),sweetaler(提示框),zDialog(弹框...

    EasyUI入门

    文章目录EasyUI入门简单介绍目录说明使用EasyUI导入的包声明组件的两个方法easyui组件的三要素常见异常常用的组件 EasyUI入门 简单介绍 Easyui它就是基于jquery封装的一个前端框架,让我们后端程序员,不需要写复杂...

    jQuery 插件仿百度搜索框智能提示(带Value值)

    因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, ... var defaults = { width: c.width(), //提示框的宽度 默认跟文本框一样 maxheight: 150, //提示框的最大高度 top: 6, //与文本框的上下距离 u

Global site tag (gtag.js) - Google Analytics