PHP jqGrid可以编辑添加/编辑表单属性

当我添加/编辑数据时，我想将数据保存到数据库(MySQL)。下面是我的jqgrid:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css"
          type="text/css" rel="Stylesheet" />
    <link href="/css/style.css" type="text/css" rel="Stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script>
    <script src="/js/custom.js"></script>
    <link rel='stylesheet' type='text/css' href='http://www.trirand.com/blog/jqgrid/themes/ui.jqgrid.css' />
    <script type='text/javascript' src='http://www.trirand.com/blog/jqgrid/js/jquery-ui-custom.min.js'></script>        
    <script type='text/javascript' src='http://www.trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js'></script>
    <script type='text/javascript' src='http://www.trirand.com/blog/jqgrid/js/jquery.jqGrid.js'></script>
<script>
$(document).ready(function() {
    $("#myDataList").jqGrid({
        url: "<?= base_url(); ?>getmydata",
        datatype: "json",
        autowidth: true,
        mtype: "GET",
        colNames: ["Date", "Description", "Category", "Debit", "Credit", "Type", "Amount"],
        colModel: [{
            name: "transactiondate",
            editable: true,
            editrules: {
                date: true
            },
            formatter: 'date',
            formatoptions: {
                srcformat: "Y-m-d",
                newformt: "Y-m-d"
            },
            width: 1
        }, {
            name: "description",
            editable: true,
            width: 3
        }, {
            name: "category",
            editable: true,
            width: 1
        }, {
            name: "debit",
            sort: false,
            formatter: 'number',
            width: 1
        }, {
            name: "credit",
            sort: false,
            formatter: 'number',
            width: 1
        }, {
            name: "type",
            editable: true,
            hidden: true,
            editrules: {
                edithidden: true
            },
            formatter: function(cellvalue) {
                if (cellvalue == 'W') {
                    return 'Withdraw';
                } else if (cellvalue == 'D') {
                    return 'Deposit';
                } else {
                    return '';
                }
            },
            edittype: 'custom',
            editoptions: {
                custom_element: radioelem,
                custom_value: radiovalue
            }
        }, {
            name: "amount",
            editable: true,
            hidden: true,
            editrules: {
                edithidden: true
            }
        }],
        pager: "#myDataListPager",
        rowNum: 10,
        rowList: [10, 20],
        sortname: "transactiondate",
        sortorder: "desc",
        height: 'auto',
        viewrecords: true,
        gridview: true,
        caption: "",
        editurl: "<?= base_url(); ?>getmydata/action",
    });
    jQuery("#myDataList").jqGrid('navGrid', '#myDataListPager', {
        add: true,
        edit: true,
        del: true,
        search: true
    }, { //prmEdit
        closeAfterEdit: true,
        afterSubmit: function() {}
    }, { //prmAdd
        closeAfterAdd: true,
        afterSubmit: function() {}
    });
});
<table id="myDataList"></table>
<div id="myDataListPager"></div>

我现在的问题是编辑或添加后，窗体不关闭。也有可能重新调整添加/编辑表单的宽度和输入宽度，例如，我想要的描述输入作为文本区，而不是文本域?