jquery - 行选择时未激活或触发 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

shr​​inkToFit 后面有一个额外的逗号，需要删除。但在解决这个问题之前，为什么要稍后添加 onSelectRow 处理程序而不是作为网格定义的一部分？您可以在网格创建期间添加它:

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