`

jqgrid 如何提示有数据 无数据

阅读更多

关于jqgrid生成表单无数据时的显示。它本身的样式是会在右下角显示无数据显示,
能不能让他把‘无数据信息的提示‘显示在表格中间?

在无数据的时候在表单中显示无数据显示,右下角的小字太不明显了

其实感觉右下角也不错。要在中间显示的话,如下
样式,拿loading样式用的,自己可以改
.norecords {
    border-width: 2px !important;
	display:none;
    font-weight: bold;
    left: 45%;
    margin: 5px;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: auto;
    z-index: 102;
}

在jqGrid的loadComplete函数里面加判断,假设table的id是list
loadComplete: function(){

var re_records = $("#list").getGridParam('records');
if(re_records == 0 || re_records == null){
if($(".norecords").html() == null){
$("#list").parent().append("<div class=\"norecords\">没有符合数据</div>");
}
$(".norecords").show();
}
}
当然在重新查询前要先隐藏norecords,比如reloadGrid前
$(".norecords").hide();
$("#list").trigger("reloadGrid");

http://zhidao.baidu.com/question/268073954.html


------------------------------------------------------------------------


当使用jqgrid来做数据表格控件时,如果搜索不到数据,是没有提示的。现在我们有一个需求就是如果当没有搜索到符合条件的数据时,需要在界面上提示。查了一下jqgrid的api,使用loadComplete事件可以满足这个要求。以下是相关代码:
  • Javascript代码


  
 loadComplete: function(xhr) { 
        var rowNum = parseInt($(this).getGridParam("records"), 10); 
        if (rowNum <= 0) { 
            alert("没有符合条件的记录!"); 
        } 
    }  


http://chevy.iteye.com/blog/705230




分享到:
评论

相关推荐

    jqgrid加载本地数据并且分页例子

    jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示并操作数据,它支持各种操作,包括数据的加载、排序、搜索以及分页等。在这个"jqgrid加载本地数据并且分页例子"中,我们将深入探讨如何利用jqGrid实现从...

    jqgrid本地数据分页

    jqGrid通常有压缩版和非压缩版,根据项目需求选择合适的版本。 2. **创建表格结构** 使用HTML代码创建一个空的表格元素,设置对应的ID,jqGrid会用这个ID找到对应的表格并填充数据。 3. **初始化jqGrid** 在...

    jqgrid加载本地数据分页Demo

    jqGrid是一款功能强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它支持多种数据源,包括本地数据和远程数据(如JSON、XML、CSV等)。在这个"jqgrid加载本地数据分页Demo"中,我们将深入探讨如何利用...

    jqGrid数据调用实例

    caption: 'jqGrid数据调用实例' // 表格标题 }); }); ``` 在上述配置中,`url`指定了数据来源,`datatype`定义了数据类型。`colModel`是一个数组,每个元素代表表格的一列,包括列名、索引、宽度等信息。`pager`...

    JQGrid本地数据分页

    在这个“JQGrid本地数据分页”的示例中,我们将探讨如何使用JQGrid实现对本地数据的分页处理。 JQGrid提供了一种灵活的方式来处理数据,无论是从服务器获取还是直接使用本地数据。本地数据分页意味着数据已经在...

    获取jqGrid中选择的行的数据

    下面可以获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: ...如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $(“#gridTable”).jqGrid(‘getRowData',rowId);

    JQuery Mobile 中实现 jqGrid 数据分组

    在本文中,我们将深入探讨如何在JQuery Mobile中实现jqGrid数据分组,这是一个非常实用的功能,可以帮助用户更有效地组织和展示大量数据。首先,我们需要理解JQuery Mobile和jqGrid的基本概念。 JQuery Mobile是一...

    jqgrid序列

    `jqGrid`是一款基于JavaScript的开源数据网格组件,主要用于在Web应用中展示和管理大量结构化数据。它提供了丰富的特性和功能,包括数据的分页、排序、过滤、编辑以及对服务器端数据的异步操作。jqGrid与jQuery库...

    jqGrid表格数据展示插件

    学习jqGrid不仅可以提升网页表格的用户体验,也有助于提高开发效率,因为它的功能强大且高度可定制化。 总的来说,jqGrid是一款强大而灵活的前端数据展示工具,适用于各种需要处理大量数据和交互操作的Web应用。...

    数据表格JqGrid自适应列宽度

    JqGrid是一款基于jQuery的数据表格插件,它提供了一种高效、可定制的方式来展示和操作表格数据。本文将深入探讨“数据表格JqGrid自适应列宽度”这一主题,以帮助开发者更好地理解和实现这一功能。 首先,JqGrid允许...

    jqGrid使用demo: 数据加载 增加, 修改, 删除, 还原, 撤销等

    在确认删除提示后,jqGrid会向服务器发送删除请求。服务器返回成功消息后,使用`delRowData`从表格中移除相应行。为了防止误操作,可以启用确认对话框。 五、还原与撤销 jqGrid提供了撤销功能,允许用户撤销最近的...

    jqGrid的表格数据呈编辑转态

    ### jqGrid表格数据呈编辑状态知识点详解 #### 一、jqGrid简介 jqGrid是一款功能强大的jQuery插件,用于在网页上实现数据网格展示。它不仅支持数据展示,还提供了丰富的交互功能,如排序、搜索、分页等,并且允许...

    jqGrid使用XML數據源例子

    jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据,它支持多种数据源,包括JSON、XML、CSV等。...理解并掌握这些知识点,对于开发基于jqGrid的数据驱动Web应用是非常有帮助的。

    jqgrid 表格的增删改查以及modal弹出框

    jqGrid 是一个强大的 jQuery 插件,用于创建交互式的、数据丰富的网格视图。这个插件支持多种功能,包括但不限于数据的增删...理解并熟练掌握 jqGrid 的使用,对任何需要处理大量数据的 Web 应用来说都是非常有价值的。

    将一个JQGrid的数据通过拖曳的方式将数据复制到JQGrid

    这个功能对于用户交互性有显著提升,使得数据管理变得更加直观和便捷。我们将涉及到JQGrid的基本概念,拖曳操作的实现,以及如何在MVC框架下整合这些功能。 首先,JQGrid是一个强大的JavaScript组件,它提供了表格...

    JqGrid插件+JqGridDemo+JqGrid主题

    JqGrid默认有多种主题,比如"ui.jqgrid"代表了jQuery UI的主题风格,而"bootstrap"则是基于Bootstrap框架的样式。更换主题主要是通过更改CSS文件,这使得开发者可以根据项目的需求快速改变表格的外观,保持界面的...

    JQGrid一次性加载数据到本地再分页

    JQGrid是一款强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑等。本项目着重讨论的是如何将所有数据一次性加载到本地,然后再进行分页处理...

    jqgrid后台连接数据库

    jqGrid 是一个高级、响应式、用户友好的 jQuery 表格插件,它允许开发者在网页上显示和编辑来自各种数据源(如 JSON、XML、本地或远程数据库)的数据。jqGrid 提供了丰富的功能,包括排序、搜索、分页、列拖拽、行...

    jqgrid非常简单的例子,读取本地简单的XML,还有IE下的firebug调试工具

    `datatype`参数应设置为'xml',告诉jqGrid数据是以XML格式提供的。同时,你可以定义列的标题和对应的XML数据字段,以便jqGrid能正确解析和显示数据。 接下来,我们关注`test.xml`。这是一个结构化的数据文件,其...

    jqgridDemo

    jqGrid是一款功能强大的JavaScript数据网格插件,常用于在网页中展示和操作大量结构化的数据。...但jqGrid作为一款经典的前端数据网格组件,其基础知识和使用经验对于前端开发人员来说依然有价值。

Global site tag (gtag.js) - Google Analytics