-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