如何在jqgrid中以编辑内联模式使用可编辑字段显示隐藏列

Question

我已经用一些列实现了jqgrid，其中一列是隐藏的。我希望该列应该以内联形式在添加和编辑模式下可用。在我的代码中，我创建了自定义添加和编辑按钮。所以这一切都发生在点击这些自定义添加和编辑按钮上。我的代码如下。我想仅在添加/编辑模式下显示续订支票号码。

function createTransactionGrid()
{


transactionGrid = jq("#transactionList").jqGrid(
{
    url         : urlTransactionList,
    datatype    : 'json',
    mtype       : 'POST',
    postData    : tranPostData,
    colNames    : ['voucher Id', 'transaction Num', 'Cheque Number','Renewed Cheque   Number'],
    colModel    : [
        {
            name        : 'chequeVoucherId',
            index       : 'chequeVoucherId',
            sortable    : false,
            hidden      : true

        },
        {
            name        : 'transactionNum',
            index       : 'transactionNum',
            sortable    : false,
            key         : true,
            hidden      : true
        },          
        {
            name        : 'chequeNumber',
            index       : 'chequeNumber',
            align       : 'right',
            sortable    : false,
            width       : 120,
            editable    : true                              
        },
        {
            name        : 'renewChequeNumber',
            index       : 'renewChequeNumber',
            align       : 'right',
            hidden      : true,
            sortable    : false,
            width       : 120,
            editable    : true,
            editrules   : {edithidden:true} 
        }
    ],
    pager           : '#pager_t',
    sortorder       : 'desc',
    viewrecords     : true,
    gridview        : true,
    rowList         : [5, 15, 25, 50],
    rownumbers      : true,
    forceFit        : false,
    caption         : 'Transactions Details',
    width           : 1060,
    height          : 'auto',
    loadComplete    : function(data){
        lastSel = null;
        grid_add();
    }               
}).jqGrid('navGrid', '#pager_t',
{
    edit        : false,
    view        : false,
    add         : false,
    del         : false,
    search      : false,
    refresh     : true,
    cloneToTop  : true
});

return transactionGrid;
}

function grid_add(){

    var totalRecords = transactionGrid.jqGrid('getGridParam', 'records');

    jq("#pager_t_add").removeClass('ui-state-disabled');
    transactionGrid.navButtonAdd('#'+transactionGrid[0].id+'_toppager_left',
    {
        id              : "pager_t_add",
        caption         : "Add",
        buttonicon      : "ui-icon-plus",
        title           : "Add Transactions",
        onClickButton   : function()
        {

            jq.ajax(
            {
              url       : urlAddTransaction,
              type      : 'Post',
              dataType  : 'json',
              data      : tranPostData,
              success   : createTransactionRow
            }); 
        },
        position:"last"
    });

}

function createTransactionRow(transaction)
{

    lastSel = transaction.nextTransactionNo;
    var datarow =
    {
        chequeVoucherId     : transaction.voucherId,
        transactionNum      : transaction.nextTransactionNo         
    };
    var su = transactionGrid.addRowData(transaction.nextTransactionNo, datarow,    "last");
    if(su != null)
    {
        jq("#pager_t_transaction").attr("title","Save");
        jq("#transaction_caption").html("Save");
        transactionGrid.editRow(transaction.nextTransactionNo, false);

        transactionActionFlag = 'A';

    }
 }
 return false;

}