`

jquery easyui messager

阅读更多
$.ajax({
type:"post",
dataType:'json',
url:"../hint/searchHint.html",
data:{"readFlag":"0"},
success:function(data){
    if(data.total>0){
    var message="<div style=\"\"><table style=\"table-layout:fixed;width:249px;\">";
for(var i = 0; i <data.rows.length; i++){
  // alert(data.rows[i].title);
  message = message+"<tr><td rowspan=\"2\" style=\"word-wrap:break-word;width:130px;\"><a style=\"text-decoration:none;\" target=\"_blank\" href='"+data.rows[i].url+"'>"+data.rows[i].title+"</a></td><td style=\"text-align:right;\">来自:"+data.rows[i].employeeFromName+"</td></tr><tr style=\"text-align:right;width:100px;\"><td >"+data.rows[i].createTime+"</td></tr><tr><td colspan=\"2\"><hr/></td></tr>";
}
if(data.total>10){
  message = message+"<tr><td colspan=\"2\" style=\"text-align:right;\"><a href=\"${ctxPath}/hint/mainHintPage.html\" target=\"_blank\">更多...</a></td></tr>";
}
message=message+"</table></div>";
// alert(message);
var array = ["slide","fade","show"];
var i = Math.round(Math.random()*3);
$.messager.show({
    showType:array[i-1],
    showSpeed:5000,
    width:300,
    height:300,
title:'系统提醒【'+data.total+'条】',
msg:message,
timeout:60000
});
    }
  }
      });
分享到:
评论

相关推荐

    jQuery EasyUI EasyUI 组件范例

    根据提供的文件信息,本文将详细解释与“jQuery EasyUI”相关的知识,特别是“EasyLoader”组件的使用方法及其在实际项目中的应用场景。 ### jQuery EasyUI简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    jQuery EasyUI 1.5.1 是一个基于 jQuery 的轻量级前端开发框架,它提供了一系列的组件和插件,方便开发者快速构建用户界面。这个框架的中文API文档包括了三种格式:chm(Windows帮助文件)、exe(可执行文件,可能是...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    李炎恢jQuery EasyUI讲义代码

    根据提供的文件信息,我们可以推断出这是一份关于“李炎恢jQuery EasyUI讲义代码”的资源分享。接下来,我们将围绕这份讲义的核心内容——jQuery EasyUI,进行深入的解析和知识点的归纳。 ### jQuery EasyUI简介 ...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.4.5版本更新内容: Bug(修复) datagrid:修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG; treegrid:修复在追加或插入新行的时候触发onLoadSuccess事件的BUG; tree...

    jQuery EasyUI 1.4.2 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.4.2版本更新内容: Bug(修复) treegrid:修复重建treegrid之后列会恢复原始大小的问题。 Improvement(改进) draggable:添加“delay”属性,允许用户延迟拖动操作; tree:添加“filter”...

    Jquery EasyUI Demo 例子

    JQuery EasyUI 是一个基于jQuery库的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建用户界面。这个"Jquery EasyUI Demo"包含了多个核心组件的示例,旨在帮助开发者理解和应用这些组件。 1. **Accordion...

    修改easyui messager弹框颜色,根据不同弹框类别修改弹框底色

    在网页开发中,EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件,如对话框、表格、菜单等,帮助开发者快速构建用户界面。在EasyUI中,Messager 是一个用于显示消息提示的组件,它通常用于显示警告、信息...

    jquery-easyui-1.2.6

    《jQuery EasyUI:构建美观UI界面的利器》 jQuery EasyUI是前端开发中的一款强大工具,它基于流行的JavaScript库jQuery,旨在为Web开发者提供一套便捷的UI组件,以快速构建功能丰富且设计精美的用户界面。这个框架...

    jQuery EasyUI 1.5.1 中文API文档

    jQuery EasyUI 1.5.1版本更新内容:Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在窗体高度...

    jQueryEasyUI介绍.docx

    jQuery EasyUI 是一个基于 jQuery 的前端用户界面框架,它提供了一系列丰富的 UI 插件,旨在简化 web 开发者的任务,让他们能够快速构建功能丰富且视觉吸引人的用户界面,无需深入学习 JavaScript 或 CSS。...

    jQueryEasyUI框架使用文档.pdf

    jQuery EasyUI 是一个轻量级且功能丰富的前端开发框架,基于 jQuery 库构建,用于简化 Web 用户界面的开发。这个框架使得开发者能够通过简单的 JavaScript 代码实现复杂的 UI 效果和交互,从而提高开发效率。 要...

    jQueryEasyUI介绍.pdf

    jQuery EasyUI 还包含日期时间选择器(Datebox、Datetimebox)、日历(Calendar)、滑块(Slider)等控件,以及数据展示组件如 DataGrid、TreeGrid,窗口组件如 Window 和 Dialog,以及消息提示组件 Messager。...

    jqueryEasyUi包和中文文档

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它简化了网页界面开发的复杂性,提供了大量的可重用组件,使得开发者能够快速构建出美观且功能丰富的Web应用。这个压缩包包含的是 jQuery EasyUI 的不同版本及其...

    jQuery EasyUI 1.5 版 API 中文版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面的开发,提供了一系列易于使用的组件,如对话框、表单、数据网格、菜单、工具栏等。1.5 版本是其一个重要的更新,引入了更多的功能和优化,以适应...

    jQuery EasyUI封装简化操作

    4. `showMsg` 和 `showAlert` 函数:这两个函数都是用来显示消息的,`showMsg` 提供了更多的选项,如动画效果和消息类型,而 `showAlert` 直接调用了 jQuery EasyUI 的 `messager.alert`,用于显示简单的警告对话框...

    jQuery EasyUI官方详细图文指导教程

    ### 使用jQuery EasyUI进行Ajax表单提交的详细教程 #### 教程概述 在现代Web开发中,Ajax技术被广泛应用于提升用户体验,特别是在表单处理方面。jQuery EasyUI作为一个强大的前端框架,它不仅简化了jQuery的使用...

Global site tag (gtag.js) - Google Analytics