jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容_jquery

onLoadSuccess : function(data) { 
if(!data.success){
//添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数
$(this).datagrid(
        'appendRow',
        {
          portId : '<div style="text-align:center;color:red">'+data.msg+'</div>'
        }).datagrid('mergeCells', {
      index : 0,
      field : 'portId',
      colspan : 7
    })
//隐藏分页导航条,这个需要熟悉datagrid的html结构,直接用jquery操作DOM对象,easyui datagrid没有提供相关方法隐藏导航条
$(this).closest('div.datagrid-wrap').find(
    'div.datagrid-pager').hide();
 } 

PS:解决easyui表格加载时候的列标题和列内容无法严格对齐的问题!

无法对齐 在表格加载中添加设置

  onLoadSuccess : function(data) {
          $('span.datagrid-sort-icon').hide();
   }

以上所述是小编给大家介绍的jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索easyui
加载表格
easyui日期回显出错、jquery easyui、jquery easyui 教程、jquery easyui 下载、jquery.easyui.min.js,以便于您获取更多的相关知识。

时间: 2024-10-23 06:50:43

jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容_jquery的相关文章

JQuery EasyUI 加载两次url的原因分析及解决方案_jquery

1.传统方式 <span style="font-size:18px;">$(function () { var url = "../Source/Query/jhDataQry.ashx?action=query"; $(dg).datagrid({ url: url, queryParams: { qsrq: qsrq, zzrq: zzrq } }); }) <table id="DataGrid" class="

解决用jquery load加载页面到div时,不执行页面js的问题

 这篇文章主要介绍了解决用jquery load加载页面到div时,不执行页面js的问题.需要的朋友可以过来参考下,希望对大家有所帮助 jquery代码:    代码如下: $(function(){ $("#test").load("${contextPath}/notepad/toCreate.do"); }    加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不

jquery页面加载时鼠标移动事件

问题描述 jquery页面加载时鼠标移动事件 如何在页面首次加载进来的时候也能触发鼠标移动的这个事件 $(function(){ $(".newsbox .tab span").hover(function(){ $(this).addClass("cur").siblings().removeClass("cur"); var index = $(".newsbox .tab span").index(this); $(&q

jQuery Ajax 加载数据时异步显示加载动画_jquery

 ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码 <div id="loadgif" style="width:66px;height:66px;position:absolute;top:50%;left:50%;"> <img alt="加载中..." src="../../Images/loading1.gif"/> </div> 在js脚本文件中首先把这个图片动

jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容_jquery

本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本 不同版本对appendRow和mergeCells支持不一样,参数不一致什么的. 无法隐藏分页导航容器,可以用chrome开发工具或者firebug查看分页导航容器的样式和原始datagrid table表格的关系. 源代码如下 $(funct

jquery ajax 加载xml文档

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

EasyUI加载完Html内容样式渲染完成后显示_jquery

等待页面的css样式加载完毕,Html内容加载完毕,样式生成后再进行展示,避免一开始加载内容后,逐渐渲染样式造成的不良视觉效果,增强用户体验. 新增base-loading.js文件,代码如下 //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth; //计算loading框距离顶部和左部的距离(loadi

JQuery异步加载PartialView的方法_jquery

本文实例讲述了JQuery异步加载PartialView的方法.分享给大家供大家参考,具体如下: 需求:页面上有dropdown之类的控件,当选择里面不同值的时候,下面关联的内容跟着改变. 思路:把与 dropdown关联的会改变的内容放到PartialView(ascx)里,用JQuery绑定dropdown的change事件,当选择值改变时,用JQuery ajax请求与PartialView相关的Action,得到数据后讲取到的内容覆盖原来的内容. 实现: Model 类: public

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'