行选择时未激活或未触发jqGrid事件

Question

我已经在我的jsp页面上运行了一个jqGrid，到目前为止，我喜欢这个网格的每个特性。现在，我将尝试探索事件特性。我正在尝试将一个函数附加到网格的onSelectRow事件，但当我单击网格的任何一行时都不起作用。你能告诉我为什么吗？

我使用的是jqGrid 3.6。我需要引用任何其他的javascript库才能工作吗？

我的网格显示了数据加载，但当我单击任何行时，什么也没有发生。

下面是我的脚本：

<script src="javascript/jquery-1.3.2.js" type="text/javascript"></script>
<script src="javascript/ui.core.js" type="text/javascript" ></script>       
<script src="javascript/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="javascript/jquery.jqGrid.min.js" type="text/javascript"></script>    
<script src="javascript/ui.multiselect.js" type="text/javascript"></script>   
<script src="javascript/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> 
<script type="text/javascript">
  jQuery(document).ready(function(){ 
    jQuery("#list").jqGrid({
      url:'admin.htm',
      datatype: 'xml',
      mtype: 'GET',
      colNames:['ID', 'data 1','data 2'],
      colModel :[ 
        {name:'ID', index:'ID', hidden:true}, 
        {name:'data 1', index:'data 1', width:90}, 
        {name:'data 2', index:'data 2', width:80, align:'right'}            
      ],
      rowNum:10,
      rowList:[10,20,30],
      sortname: 'ID',
      sortorder: 'desc',
      viewrecords: 'true',
      caption: 'Administration', width:"920",
      shrinkToFit:'false', }
  );

  jQuery("#list").jqGrid({
    onSelectRow: function(id){ alert('Selected row ID ' + id); }
  });
</script>

我的网格显示了数据加载，但当我单击任何行时，什么也没有发生。

Answer 1

在shrinkToFit后面有一个额外的逗号需要删除。但是在修复之前，为什么要在以后添加onSelectRow处理程序，而不是将其作为网格定义的一部分？您可以在创建网格时添加它：

shrinkToFit:'false',
onSelectRow: function(id){
    alert('Selected row ID ' + id);
}
});

Answer 2

您可能遗漏了一些jqGrid依赖项(它是模块化的，默认配置不包括它的许多特性)。尝试在完整的jqGrid包上执行相同的操作。此外，请确保检查JS错误控制台是否有损坏的迹象。

Answer 3

我发现这是onSelectRow的一个例子，并且发现我有问题，除非我将它实际上移到原始声明中