2017-12-18 10 views
-1

私は私のjqgridのためのこのコードを持っています。私はcellEditを達成することができました。しかし、ここで実現したいのは、row全体を編集することです。 cellEditには多くの時間がかかるため、編集可能にするにはセルをクリックする必要があります。jqgridでインライン編集可能な行を作成する方法は?

function fnGridCorrected(StartDate, EndDate) { 
var url1 = '../Request/_getCorrection?startDate=' + StartDate + '&endDate=' + EndDate; 
$("#CorrectedList").jqGrid({ 
    url: url1, 
    datatype: 'json', 
    mtype: 'POST', 
    colNames: ['rowId', 'Id', 'Date', 'Time In1', 'Time Out1', 'Time In2', 'Time Out2', 'Time In1', 'Time Out1', 'Time In2', 'Time Out2', 'Remarks', 'Status', 'Approved By', 'Date Request', 'Date Approved'], 
    colModel: [ 
       { name: 'rowId', index: 'rowId', hidden: true, width: 20 }, 
       { name: 'CorrectedId', index: 'CorrectedId', hidden: true, editable: true, sortable: false, width: 20, align: 'center' }, 
       { name: 'Date', index: 'Date', hidden: false, editable: true, sortable: false, width: 85, align: 'center' }, 
       { name: 'In1', index: 'In1', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'Out1', index: 'Out1', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'In2', index: 'In2', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'Out2', index: 'Out2', editable: true, hidde: false, width: 80, align: 'center' }, 

       { name: 'CorrectedIn1', index: 'CorrectedIn1', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'CorrectedOut1', index: 'CorrectedOut1', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'CorrectedIn2', index: 'CorrectedIn2', hidden: false, editable: true, sortable: false, width: 80, align: 'center' }, 
       { name: 'CorrectedOut2', index: 'CorrectedOut2', editable: true, hidde: false, width: 80, align: 'center' }, 

       { name: 'remarks', index: 'remarks', editable: true, hidde: false, width: 85, align: 'center' }, 
       { name: 'Status', index: 'Status', editable: true, hidde: false, width: 85, align: 'center' }, 
       { name: 'ApprovedBy', index: 'ApprovedBy', editable: true, hidde: false, width: 95, align: 'center' }, 
       { name: 'ReqDate', index: 'ReqDate', editable: true, hidde: false, width: 85, align: 'center' }, 
       { name: 'ApprovedDate', index: 'ApprovedDate', editable: true, hidde: false, width: 90, align: 'center' } 
       ], 
    pager: $('#CorrectedPager'), 
    rowNum: 5, 
    rowList: [5, 10, 20], 
    sortname: 'Id', 
    sortorder: 'asc', 
    viewrecords: true, 
    autowidth: true, 
    shrinkToFit: false, 
    imgpath: '/Content/themes/redmond/images/', 
    height: '100%', 
    cellEdit: true, 
    cellsubmit: 'clientArray', 
    //editurl: 'clientArray', 
    onSelectRow: function (id) { 
     var objRowData = jQuery("#CorrectedList").getRowData(id); 

    }, 
    loadComplete: function() { 
     var ids = jQuery("#CorrectedList").getDataIDs(); 
     var len = ids.length, 
      newLine; 
     if (len < 5) { 
      AddNewRowToGrid(len, "#CorrectedList"); 
     } 
    } 
}); 


$("#CorrectedList").jqGrid('setGroupHeaders', { 
    useColSpanStyle: true, 
    groupHeaders: [ 
        { startColumnName: 'Date', numberOfColumns: 1, titleText: '' }, 
        { startColumnName: 'In1', numberOfColumns: 4, titleText: 'Actual Time' }, 
        { startColumnName: 'CorrectedIn1', numberOfColumns: 4, titleText: 'Correction', columnWidth: 500 } 
        ] 
}); 

}

私はこの2 cellsubmit: 'clientArray'rowEdit: trueも試みるが、それは行を有効にしません。私はインライン行で間違っていましたか?私が使用しているBTW jqgrid 4.4.4

答えて

0

最終的に私の質問に対する答えが見つかりました。 onSelectrow機能では、コード全体を編集可能にするコードjQuery('#myGrid').editRow(id, true);を追加するだけです。

関連する問題