Question

here is code:

 $("#addpesel").click(function(){
            var properties = {
                height: 280,
                reloadAfterSubmit: true,
                closeAfterAdd: true,
                closeAfterEdit: true,
            }
            jQuery("#blacklist").jqGrid('editGridRow',"new",properties);
        });

after click “save” window won’t close. Whats the problem?

Answer 1

Here is a example which does "Edit" – > "Save" -> "Cancel" functionality respectively.

HTML

...
<table id="rowed1"></table>
<div id="prowed1"></div>
<br />
<input type="BUTTON" id="ed1" value="Edit row 13" />
<input type="BUTTON" id="sved1" disabled='true' value="Save row 13" />
<input type="BUTTON" id="cned1" disabled='true' value="Cancel Save" />

<script src="rowedex1.js" type="text/javascript"> </script>

JS

jQuery("#ed1").click( function() {
    jQuery("#rowed1").jqGrid('editRow',"13");
    this.disabled = 'true';
    jQuery("#sved1,#cned1").attr("disabled",false);
});
jQuery("#sved1").click( function() {
    jQuery("#rowed1").jqGrid('saveRow',"13");
    jQuery("#sved1,#cned1").attr("disabled",true);
    jQuery("#ed1").attr("disabled",false);
});
jQuery("#cned1").click( function() {
    jQuery("#rowed1").jqGrid('restoreRow',"13");
    jQuery("#sved1,#cned1").attr("disabled",true);
    jQuery("#ed1").attr("disabled",false);
});