作者：电脑信息网日期：
返回目录：设置问题
jqGrid选项(Option)
调用jqGrid只需要执行以下代码:
jQuery("#grid_id").jqGrid(options);
options即jqGrid的选项设置。
jqGrid选项(Option)
调用jqGrid只需要执行以下代码:
jQuery("#grid_id").jqGrid(options);
options即jqGrid的选项设置e799bee5baa6e997aee7ad94e4b893e5b19e331，请参照以下表格。
属性 类型 描述 默认值
ajaxGridOptions object 此项用于设置当表格设置获得数据时，ajax的全局属性，注意此项可能覆盖所有当前的ajax设置（包括error, complete和beforeSend 事件）。 empty
ajaxSelectOptions object 此项用于设置在editoptions或searchoptions对象中通过dataUrl选择元素时， ajax的全局属性。 empty
altclass string 交替行的类。 此项仅当altRows设置为true时有效。 ui-priority-secondary
altRows boolean 设置为交替行表格 false
autoencode boolean 当设置为true时，对来自服务器的数据和提交数据进行encodes编码。如< 将被转换为< false
jqGrid提供了大量的选项设置，开发者可以e799bee5baa6e79fa5e98193e78988e69d83331通过设置选项对应值来控制jqGrid，比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称：值（name:value）的形式，也可以是对象(object)及数组（array）的形式配置。
jqGrid选项(Option)
调用jqGrid只需要执行以下代码:
jQuery("#grid_id").jqGrid(options);
options即jqGrid的选项设置，请参照以下表格。
属性 类型 描述 默认值
ajaxGridOptions object 此项用于设置当表格设置获得数据时，ajax的全局属性，注意此项可能覆盖所有当前的ajax设置（包括error, complete和beforeSend 事件）。 empty
ajaxSelectOptions object 此项用于设置在editoptions或searchoptions对象中通过dataUrl选择元素时， ajax的全局属性。 empty
altclass string 交替行的类。 此项仅当altRows设置为true时有效。 ui-priority-secondary
altRows boolean 设置为交替行表格 false
autoencode boolean 当设置为true时，对来自服务器的数据和提交数据进行encodes编码。如< 将被转换为< false
1、问题背景
（1）jqGrid生成表格带有标题，固定不变的
（2）表格标题随着年份进行变化
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何设置表格caption值</title>
<link rel="stylesheet" href="../css/ui.jqgrid-bootstrap-ui.css" />
<link rel="stylesheet" href="../css/ui.jqgrid-bootstrap.css" />
<link rel="stylesheet" href="../css/ui.jqgrid.css" />
<script src="../js/jquery-1.11.0.min.js"></script>
<script src="../js/jquery.jqGrid.min.js"></script>
<script src="../js/i18n/grid.locale-cn.js"></script>
<script>
$(function(){
var date = new Date();
var year = date.getFullYear();
var student = [
{id:'001',name:'zhangsan1',sex:'m',age:23},
{id:'002',name:'zhangsan2',sex:'w',age:20},
{id:'003',name:'zhangsan3',sex:'m',age:22},
{id:'004',name:'zhangsan4',sex:'w',age:21},
{id:'005',name:'zhangsan5',sex:'m',age:19},
{id:'006',name:'zhangsan6',sex:'w',age:18},
{id:'007',name:'zhangsan7',sex:'m',age:24},
{id:'008',name:'zhangsan8',sex:'w',age:20},
{id:'009',name:'zhangsan9',sex:'m',age:25},
{id:'010',name:'zhangsan10',sex:'w',age:23}
];
$("#title-grid-table").jqGrid({
data:student,
datatype:'local',
caption:'学生信息表',
height:'auto',
rowNum: 30,
rowList: [10,20,30],
colNames:['编号','姓名','性别','年龄'],
colModel:[
{name:'id',index:'id', width:300, sorttype:"int"},
{name:'name',index:'name', width:300,editable:true},
{name:'sex',index:'sex',width:300},
{name:'age',index:'age',width:300}
],
pager: "#title-grid-pager",
viewrecords: true,
sortname: 'name',
loadComplete:function(){
$(this).jqGrid("setCaption",year+"年毕e69da5e887aa7a64337业学生信息表");
}
});
});
</script>
</head>
<body>
<div>
<table id="title-grid-table"></table>
<table id="title-grid-pager"></table>
</div>
</body>
</html>