jqGrid几个需要注意的默认设置

最新推荐文章于 2020-11-18 16:42:31 发布

原创最新推荐文章于 2020-11-18 16:42:31 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

jqGrid中的option属性设置中，几乎每个属性都会给出默认值，然而，有些默认值实在有些坑爹，导致在使用过程中，如果没有注意到而使用了默认值，就会出现一些问题。

height:是指jqGrid表格的高度，可以设置为auto，像素值或者百分比。默认为150px，为固定值，并且不会随着父容器的改变而变化，这样就导致在使用的时候，会出现表格高度不可变的情况。一般情况下，都要重新设置这个值。

rowNum:是指在jgGrid上一次性最多显示记录的条数。默认值为20，也就是说最多显示20条记录，即使服务器返回了30条记录，也只有20条被加载。通常都要重新设置，如果设置成0那么jqgrid不会显示任何数据。如果设置为-1则显示后台返回的所有记录，在是则一条规则在最新的API文档中删除了。

详情查看jqgrid的API，http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

会不断补充

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhmhhu

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jqgrid问题

qq_40668646的博客

05-08

511

1、jqgrid表格高度调整在对应Form.js文件下找到plugins.jqgird.grids.表格名（xxx）设置height属性，如果设置了autoHeightPadding属性的值，要把autoHeightPadding属性注释掉如何配置jqgrid中的时间选择控件 $.extend(true, pageObj, { plugins: { jqGrid: { grids: { co

jqgrid表单默认值设置

余_小凡的博客

06-20

5170

jqgrid第一种{name:'test',formatter:"String",formatoptions:{defaultValue:'正常',edittype:"select",editoptions:{value:{1:'正常',2:'加急'}}}第二种{name:'test',formatter:def ,edittype:"select",editoptions:{value:{1:'...

1 条评论您还未登录，请先登录后发表或查看评论

jqGrid 给单元格设置默认值

qq_15801963的博客

02-27

5678

{ name : 'parts_chandi', index: 'parts_chandi', formatter:"integer", formatoptions: { defaultValue: '0' } ,

jqGrid选项配置

showbo的专栏

10-29

6480

jqGrid选项配置属性默认从静态变量$.jgrid.defaults中加载。英文版本的属性默认配置如下。本人下载的jqGrid4.4.0示例中暂时不支持中文语言的语言包，所以要配置为中文语言，只能通过重写下面表格列出的属性来实现。语言配置文件在demo目录js/i18n这个文件夹下，要改为其他语言加载对应的js语言配置文件即可。－收缩JavaScript代码 $.jgrid={

jqGrid参数整理

10-16

5787

一、 jqGrid的加载。 1.引用相关头文件引入CSS：引入JS：因为jqGrid3.6及以后的版本集成了jQuery UI，所以，此处需要导入UI相关js和css。另外grid.locale-en.js这个语言文件必须在jquery.jqGrid.min.js之前加载，否则会出问题。 2.将jqgrid加入页面

Bootstrap嵌入jqGrid，使你的table牛逼起来

11-23

需要注意的是，使用jqGrid时，可能需要对其默认样式做一些调整，使其与Bootstrap的样式保持一致。同时，为了美观，可能还需要引入jQuery UI的CSS文件，如`jquery-ui-1.10.0.custom.css`，以实现更好的视觉效果。在...

jqgrid theme

09-11

学习和使用 jqGrid 主题，你需要了解以下几个关键知识点： 1. **jQuery 和 jQuery UI**：理解这两个库的基础知识，包括它们的安装、引入以及基本使用方法，是使用 jqGrid 的前提。 2. **jqGrid 的基本结构**：掌握...

jqgrid序列

08-08

jqGrid的使用通常涉及到以下几个步骤： - 引入依赖：首先，你需要在HTML文件中引入jQuery库和jqGrid的CSS及JS文件。 - 创建表格：通过HTML代码创建一个空的表格元素，设置id属性作为jqGrid的标识。 - 初始化jqGrid：...

jqGrid demo

04-22

在使用jqGrid时，开发者需要注意以下几点： 1. 引入必要的库文件：jqGrid库文件、jQuery库文件（如果还没引入的话）和jQuery UI库文件。 2. 初始化jqGrid：在HTML中创建一个空的表格元素，并通过JavaScript设置...

jqgrid分页参数

12-28

- **注意事项**：这个属性的类型可以是任何对象的列表，只要这些对象能够正确地映射到表格中的列。 #### 四、分页参数的应用下面通过一个简单的例子来说明如何使用这些分页参数： 1. **初始化分页参数**： ```...

jqGrid 属性rownum默认值：20，全部显示设置为-1

热门推荐

zhaotengfei36520的专栏

10-14

1万+

博主，想要页面展示后台返回的所有数据，简单的把rownum属性注释掉了。却最多只显示20条数据。后来发现rownum默认值：20，全部显示需要设置为-1。 rownum是jqgrid分页时每页记录数， ajax请求发送到后台时request中rows的值就是jqgrid中rownum的值，如果设置设置rownum设置为10，不管后台返回记录数是多少，最多只显示10条。如果设置成0那么j

jqGrid 各种参数详解

weixin_30301449的博客

02-05

815

JQGrid JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。 JQGrid Demo是一个在线的演示项目。在这里，可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料，与其说是学习资料，说成查询帮助文档更加合适。 jqGrid学习之 ------------- 安装 jqGrid安装很简单，只需把相应的css、js...

关于jqgrid多选框“各种问题”

qq_27203243的博客

05-31

4013

经过我将近一天的时间终于解决了，jqgrid复选框的问题，废话不多说。（底部有代码）本文解决的问题分为： 1.复选分页，翻页后前一页选中的行不在被选中。 2.点全选按钮，只能选中当前页，第二页第三页等都不会被选中。 3.点击行，复选框会被选中问题（如果有删除操作的话容易导致误选） 4.复选框错位。解决： //解决复选框错位（可以根据自己具体情况适当修改里面的...

jqGrid的rowNum属性默认值、-1情况的介绍

weixin_34259559的博客

02-27

379

最近做了一个用到了jqGrid的项目，在设置rowNum属性的时候遇到了坎坷... rowNum属性的默认值为20，当你不设置时，每页最多只给你显示20条数据。但是，当我们不想设置最大的数据条数时，我们还想显示全部数据怎么办，网上说设置为 -1 ，这时问题就出现了，这么设置在画面上会发现数据少了一条...坑啊... 为了解决这个问题，...

jqgrid获取表格的行数(获取表格有多少行)

笑到世界都狼狈的博客

11-18

2966

1.首先这是百度到的：https://blog.youkuaiyun.com/weixin_37627441/article/details/84788672 下面有人说有用，有人说没用，我测试了，是真的没用，但是用最普通的标签获取长度也获取不到，最后突然想到是不是页面刚加载进去的时候，数据还没用放到jqgrid的表格中去，所以报着试探的心加了个延时器，还真拿到了，所以原博主的代码不是有问题，而是我们可能在用的时候缺失了某些条件。 2.看看效果图： 3.代码： setTimeout(function ()

JqGrid 关于获取总共行数问题

夏安的博客

12-05

7481

需要在grid 参数中填写 rownumbers:true,//行数 iewrecords : true, // 是否显示行数 ndex = jQuery("#xgTabGrid").getGridParam("records")+1; 或者直接使用这个 var count = $("#...

jqGrid默认选中行

Matea's Record

08-08

6530

jqGrid默认选中行 1.确定对比参数列表 var usernames=["taoql","matea"]; 2.loadComplete中添加方法gridSelected() /** * 根据usernames对比选中 */ function gridSelected(){ var rowIds = jQuery(grid_selector).jqGrid...

jqgrid 版本多个空格只显示一个空格

最新发布

02-06

### 解决 jqGrid 中多个空格只显示为一个空格的问题在 HTML 和浏览器渲染过程中，默认情况下，多个连续的空白字符会被压缩成一个空格。这不仅限于 jqGrid 的情况，在任何 HTML 文本节点中都会发生这种现象。为了处理这种情况并保留多个空格，有几种方法可以在 jqGrid 中实现。 #### 方法一：使用 ` ` 实体替代空格通过将数据中的普通空格替换为不间断空格实体 (` `) 可以有效防止浏览器折叠多余的空间。当从服务器获取到的数据准备展示前，可以通过 JavaScript 对字符串进行预处理： ```javascript // 假设 data 是要加载的一行记录数组之一 data.note = data.note.replace(/ /g, ' '); ``` 这种方法简单易行，但需要注意的是每次更新或重新加载网格时都需要执行此操作[^1]。 #### 方法二：设置 CSS 属性 white-space 另一种更通用的方法是在定义列模型 (colModel) 时应用特定样式来控制单元格内的空白符行为。具体来说就是给相应的 td 元素加上 `white-space: pre-wrap;` 或者其他合适的值: ```css /* 添加全局样式 */ .ui-jqgrid tr.jqgrow td { white-space: pre-wrap; } ``` 这种方式的好处在于它不需要修改原始数据本身，并且对于整个表格都生效[^2]。 #### 方法三：自定义 formatter 函数如果希望针对某些特殊字段单独处理，则可以考虑编写自定义格式化函数 (formatter)，该函数会在渲染指定列的内容之前被调用。在这个函数内部可以根据需求调整输出内容，比如保持原有空格数量不变等。 ```javascript $("#list").jqGrid({ colModel:[ {name:'note', index:'note', width:90, sortable:false, formatter:function(cellvalue,options,rowObject){ return cellvalue ? cellvalue.replace(/\s/g,' ') : ''; } }, // ... other columns ... ] }); ``` 上述三种方案都可以有效地解决 jqGrid 显示多空格的问题，选择哪种取决于实际应用场景和个人偏好[^3]。