2013-05-04 158 views
1

我試圖確定爲什麼當我按下回車鍵時,如果光標處於可編輯單元格內,我沒有收到警告。進入單元格進行編輯時,我得到第一個"alert1!",但在按下回車鍵後,我沒有收到afterSaveCell:內部的警報。jqGrid afterSaveCell事件未觸發

<!DOCTYPE html> 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>My First Grid</title> 

    <style type="text/css"> 
    html, body { 
     margin: 0; 
     padding: 0; 
     font-size: 75%; 
    } 
    </style> 

    <link rel="stylesheet" type="text/css" media="screen" href="jqueryui/themes/redmond/jquery-ui.css" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="jqueryui/themes/redmond/jquery.ui.theme.css" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="jqgrid/css/ui.jqgrid.css" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="timepicker/jquery-ui-timepicker-addon.css" /> 
    <link rel='stylesheet' type='text/css' href='fullcalendar/fullcalendar/fullcalendar.css' /> 
    <link rel='stylesheet' type='text/css' href='fullcalendar/fullcalendar/fullcalendar.print.css' media='print' /> 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script> 
    <script src="jqueryui/js/jquery-ui-1.10.1.custom.min.js"></script> 
    <script src="jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script> 
    <script src="jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script> 
    <script type='text/javascript' src='fullcalendar/fullcalendar/fullcalendar.min.js'></script> 
    <script type='text/javascript' src='timepicker/jquery-ui-sliderAccess.js'></script> 
    <script type='text/javascript' src='timepicker/jquery-ui-timepicker-addon.js'></script> 

    <script type="text/javascript"> 
    $(function(){ 
     $("#list").jqGrid({ 
     url:'php.scripts/customers.get.php', 
     datatype: 'xml', 
     mtype: 'POST', 
     colNames:['idcustomers','firstname', 'lastname','address1','address2','city','state','zip','phone','email','cell'], 
     colModel :[ 
     {name:'idcustomers', index:'idcustomers', width:55}, 
     {name:'firstname', index:'firstname', width:90, editable: true}, 
     {name:'lastname', index:'lastname', width:90, editable: true}, 
     {name:'address1', index:'address1', width:90, editable: true}, 
     {name:'address2', index:'address2', width:90, editable: true}, 
     {name:'city', index:'city', width:90, editable: true}, 
     {name:'state', index:'state', width:90, editable: true}, 
     {name:'zip', index:'zip', width:90, editable: true}, 
     {name:'phone', index:'phone', width:90, editable: true}, 
     {name:'email', index:'email', width:90, editable: true}, 
     {name:'cell', index:'cell', width:90, editable: true} 
     ], 
     pager: '#pager', 
     rowNum:10, 
     rowList:[10,20,30], 
     sortname: 'idcustomers', 
     sortorder: 'asc', 
     viewrecords: true, 
     gridview: true, 
     caption: 'Customers', 
     cellEdit: true, 
     cellsubmit: 'clientArray', 
     afterSaveCell: function(rowid,name,val,iRow,iCol) { 
      alert("alert1!"); 
     }, 
     afterEditCell: function (id,name,val,iRow,iCol){ 
      alert("alert2!"); 
     } 
     }); 
    }); 
    </script> 

    </head> 
    <body> 
    <table id="list"><tr><td/></tr></table> 
    <div id="pager"></div> 
    </body> 
</html> 

回答

0

你怎麼能在the demo看到,這實際上使用你的代碼,將顯示兩種警報。你不寫你使用哪個版本的jqGrid。舊版本可能存在一些問題,但不是最後一個。

+0

我與free-jqgrid 4.7和jquery-2.1.1有這個相同的問題。我該如何調試?我看到它在你的演示中工作,但不在我的網站上。 – 2015-05-25 21:54:54

+0

@BarryMSIH:您可以首先從[github](https://github.com/free-jqgrid/jqGrid)重新加載免費jqGrid 4.9 beta的最新源代碼,或者使用[URL](https:// github.com/free-jqgrid/jqGrid/wiki/Access-free-jqGrid-from-different-CDNs#access-githib-code-from-rawgit)?如果問題存在,我會要求您創建演示問題的小演示。我會調試它,並會創建修復程序。 – Oleg 2015-05-25 22:04:30