关于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事件可以满足这个要求。以下是相关代码:
loadComplete: function(xhr) {
var rowNum = parseInt($(this).getGridParam("records"), 10);
if (rowNum <= 0) {
alert("没有符合条件的记录!");
}
}
http://chevy.iteye.com/blog/705230
分享到:
相关推荐
jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示并操作数据,它支持各种操作,包括数据的加载、排序、搜索以及分页等。在这个"jqgrid加载本地数据并且分页例子"中,我们将深入探讨如何利用jqGrid实现从...
jqGrid通常有压缩版和非压缩版,根据项目需求选择合适的版本。 2. **创建表格结构** 使用HTML代码创建一个空的表格元素,设置对应的ID,jqGrid会用这个ID找到对应的表格并填充数据。 3. **初始化jqGrid** 在...
jqGrid是一款功能强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它支持多种数据源,包括本地数据和远程数据(如JSON、XML、CSV等)。在这个"jqgrid加载本地数据分页Demo"中,我们将深入探讨如何利用...
caption: 'jqGrid数据调用实例' // 表格标题 }); }); ``` 在上述配置中,`url`指定了数据来源,`datatype`定义了数据类型。`colModel`是一个数组,每个元素代表表格的一列,包括列名、索引、宽度等信息。`pager`...
在这个“JQGrid本地数据分页”的示例中,我们将探讨如何使用JQGrid实现对本地数据的分页处理。 JQGrid提供了一种灵活的方式来处理数据,无论是从服务器获取还是直接使用本地数据。本地数据分页意味着数据已经在...
下面可以获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: ...如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $(“#gridTable”).jqGrid(‘getRowData',rowId);
在本文中,我们将深入探讨如何在JQuery Mobile中实现jqGrid数据分组,这是一个非常实用的功能,可以帮助用户更有效地组织和展示大量数据。首先,我们需要理解JQuery Mobile和jqGrid的基本概念。 JQuery Mobile是一...
`jqGrid`是一款基于JavaScript的开源数据网格组件,主要用于在Web应用中展示和管理大量结构化数据。它提供了丰富的特性和功能,包括数据的分页、排序、过滤、编辑以及对服务器端数据的异步操作。jqGrid与jQuery库...
学习jqGrid不仅可以提升网页表格的用户体验,也有助于提高开发效率,因为它的功能强大且高度可定制化。 总的来说,jqGrid是一款强大而灵活的前端数据展示工具,适用于各种需要处理大量数据和交互操作的Web应用。...
JqGrid是一款基于jQuery的数据表格插件,它提供了一种高效、可定制的方式来展示和操作表格数据。本文将深入探讨“数据表格JqGrid自适应列宽度”这一主题,以帮助开发者更好地理解和实现这一功能。 首先,JqGrid允许...
在确认删除提示后,jqGrid会向服务器发送删除请求。服务器返回成功消息后,使用`delRowData`从表格中移除相应行。为了防止误操作,可以启用确认对话框。 五、还原与撤销 jqGrid提供了撤销功能,允许用户撤销最近的...
### jqGrid表格数据呈编辑状态知识点详解 #### 一、jqGrid简介 jqGrid是一款功能强大的jQuery插件,用于在网页上实现数据网格展示。它不仅支持数据展示,还提供了丰富的交互功能,如排序、搜索、分页等,并且允许...
jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据,它支持多种数据源,包括JSON、XML、CSV等。...理解并掌握这些知识点,对于开发基于jqGrid的数据驱动Web应用是非常有帮助的。
jqGrid 是一个强大的 jQuery 插件,用于创建交互式的、数据丰富的网格视图。这个插件支持多种功能,包括但不限于数据的增删...理解并熟练掌握 jqGrid 的使用,对任何需要处理大量数据的 Web 应用来说都是非常有价值的。
这个功能对于用户交互性有显著提升,使得数据管理变得更加直观和便捷。我们将涉及到JQGrid的基本概念,拖曳操作的实现,以及如何在MVC框架下整合这些功能。 首先,JQGrid是一个强大的JavaScript组件,它提供了表格...
JqGrid默认有多种主题,比如"ui.jqgrid"代表了jQuery UI的主题风格,而"bootstrap"则是基于Bootstrap框架的样式。更换主题主要是通过更改CSS文件,这使得开发者可以根据项目的需求快速改变表格的外观,保持界面的...
JQGrid是一款强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑等。本项目着重讨论的是如何将所有数据一次性加载到本地,然后再进行分页处理...
jqGrid 是一个高级、响应式、用户友好的 jQuery 表格插件,它允许开发者在网页上显示和编辑来自各种数据源(如 JSON、XML、本地或远程数据库)的数据。jqGrid 提供了丰富的功能,包括排序、搜索、分页、列拖拽、行...
`datatype`参数应设置为'xml',告诉jqGrid数据是以XML格式提供的。同时,你可以定义列的标题和对应的XML数据字段,以便jqGrid能正确解析和显示数据。 接下来,我们关注`test.xml`。这是一个结构化的数据文件,其...
jqGrid是一款功能强大的JavaScript数据网格插件,常用于在网页中展示和操作大量结构化的数据。...但jqGrid作为一款经典的前端数据网格组件,其基础知识和使用经验对于前端开发人员来说依然有价值。