事件响应动作被设置为表格的属性,以下定义了行被选中时的响应:
var lastSel;
jQuery("#gridid").jqGrid({
...
onSelectRow: function(id){
if(id && id!==lastSel){
jQuery('#gridid').restoreRow(lastSel);
lastSel=id;
}
jQuery('#gridid').editRow(id, true);
},
...
});
以下按字母顺序列出了可响应的时间:
关于单元格编辑、子表的事件情参阅 Additional Events
Methods(方法)
此节描述 jqGrid 的基本方法。一些方法要求装入附加模块。
jqGrid 3.6 使用新的 jQuery UI 库接口,请参阅以下内容和 jqGrid 事件。
网格相关的方法
jqGrid 方法调用格式:
<script>
...
jQuery("#grid_id").jqGridMethod( parameter1,...parameterN );
...
</script>
这里: grid_id 是表格的 id ;
jqGridMethod 为 jqGrid 方法;
parameter1,…parameterN 未参数列表
若方法未定义返回值,则返回到 jqGrid 对象,一组方法可以链接起来,例如
<script>
...
jQuery("#grid_id").setGridParam({...}).hideCol("somecol").trigger("reloadGrid");
...
</script>
或使用新的接口
<script>
...
jQuery("#grid_id").jqGrid('method', parameter1,...parameterN );
...
</script>
这里: grid_id 是表格的 id ;
Method 是方法名;
parameter1,…parameterN 是参数列表。
下面是实例:
<script>
...
jQuery("#grid_id").jqGrid('setGridParam',{...}).jqGrid('hideCol',"somecol").trigger("reloadGrid");
...
</script>
为使用新的 API配置 jqGrid
在安装过程中按此步骤做:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
<link rel="stylesheet" type="text/css" media="screen"
href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.jgrid.no_legacy_api = true;
</script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
</head>
<body>
...
</body>
</html>
请注意调用:
<script type="text/javascript">
jQuery.jgrid.no_legacy_api = true;
</script>
此行请在语言文件后, jqGrid 的 JS 文件前
绿色的方法名要求特殊的程序。见方法的描述和例程