jqGrid 字段显示null 设置为空白
时间: 2023-06-24 18:05:20 浏览: 74
好的,关于 jqGrid 字段显示 null 设置为空白的问题,您可以使用 formatter 属性,如下所示:
```javascript
{
name: "field_name",
formatter: function (cellvalue) {
return cellvalue === null ? "" : cellvalue;
}
}
```
其中,name 属性为字段名,formatter 函数为格式化函数,如果当前单元格的值为 null,则返回空字符串,否则返回该值。
希望能够帮到您,如果还有其他问题,欢迎随时提出。
相关问题
jqgrid 列表 动态显示添加筛选字段
如果你想在 jqGrid 中动态地显示或隐藏筛选字段,可以使用 `setColProp` 方法。这个方法可以在运行时修改列属性,包括列的可见性、筛选条件等。
以下是一个简单的例子,演示如何在运行时动态地显示或隐藏筛选字段:
```javascript
// 首先定义一个列模型
var colModel = [
{ name: 'id', index: 'id', width: 50, align: 'center', sortable: true },
{ name: 'name', index: 'name', width: 150, align: 'center', sortable: true },
{ name: 'age', index: 'age', width: 80, align: 'center', sortable: true, searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] } },
{ name: 'gender', index: 'gender', width: 80, align: 'center', sortable: false, searchoptions: { sopt: ['eq', 'ne'] } }
];
// 然后创建 jqGrid
$("#grid").jqGrid({
url: 'your_data_url',
datatype: 'json',
colModel: colModel,
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
sortname: 'id',
viewrecords: true,
sortorder: 'asc',
caption: 'My Grid'
});
// 然后使用 setColProp 方法来动态地显示或隐藏筛选字段
$('#grid').jqGrid('setColProp', 'age', { searchoptions: { searchhidden: true } }); // 隐藏 age 筛选字段
$('#grid').jqGrid('setColProp', 'gender', { searchoptions: { searchhidden: false } }); // 显示 gender 筛选字段
```
在这个例子中,我们首先定义了一个列模型 `colModel`,其中包含了 4 个列:id、name、age 和 gender。然后我们创建了一个 jqGrid,并使用 `colModel` 参数指定了列模型。
在运行时,我们使用 `setColProp` 方法来动态地显示或隐藏筛选字段。在这个例子中,我们将 age 筛选字段隐藏起来,将 gender 筛选字段显示出来。
jqGrid设置高度为百分比
jqGrid 的高度支持百分比设置,你可以在初始化时将 height 参数设置为一个百分比值,如下所示:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [...],
height: "70%", // 将高度设置为 70%
rowNum: 10,
rowList: [10, 20, 30],
pager: "#pager",
viewrecords: true,
caption: "jqGrid Example"
});
```
在上面的例子中,我们将 jqGrid 的高度设置为 70%,这将使 jqGrid 的高度自适应其容器的高度。请确保 jqGrid 的容器具有确定的高度,否则百分比设置将无效。