Я использую jqGrid 4.1.2 в автономной сетке.Я вижу случай, когда обработчики событий получают значение "undefined" в качестве значения параметра rowid.
Вот мой код инициализации.
$("#truckGrid").jqGrid({
url:'/handlers/TruckerCheckDataHandler.ashx',
datatype: "json",
colNames:['id','All','VIN', 'Plate', 'Make','Model','Year','RFID #','Description'],
colModel: [
{name:'id', index: 'id', hidden:true},
{name:'action',index:'action', width:25},
{name:'vin',index:'vin', width:120},
{name:'plate',index:'plate', width:75},
{name:'make',index:'make', width:80},
{name:'model',index:'model', width:80},
{name:'year',index:'year', width:40},
{name:'rfidNo',index:'rfidNo', width:50},
{name: 'description', index: 'description', width: 100, sortable: false}
],
hidegrid: false,
jsonReader : {
root: 'rows',
repeatitems: false,
id: 'id',
page: 'page',
total: 'total',
records: 'records'
},
nav : {
edittext: "Edit",
edittitle: "Edit",
addtext: "Add Truck",
addtitle: "Add Truck",
deltext: "Delete",
deltitle: "Delete"
},
ondblClickRow: function (rowid, iRow, iCol, e) {
alert(rowid);
},
rowNum:10,
rowList:[10,20,30],
pager: '#truckPager',
sortname: 'vin',
viewrecords: true,
sortorder: "desc"
});
jQuery("#truckGrid").jqGrid('navGrid','#truckPager',{
add: true,
addfunc: function() {
},
del:true,
delfunc: function (rowid) {
alert(rowid);
},
editfunc: function (rowid) {
alert(rowid);
},
edit: true,
clear:false
});
Вот кодэто фактически добавляет данные о грузовике в сетку.
var _truckList = null;
function truckData (truckId, vin, make, model, year, country, state, plateNum, description, rfid, truckType) {
return {
id : truckId,
vin : vin,
make : make,
model : model,
year : year,
plateCountry : country,
plateState : state,
plateNumber : plateNum,
description : description,
rfid : rfid,
truckType : truckType,
toJqGridData : function() {
// [{"DATA_ID":"0", "DATA_DN": "national"}, {"DATA_ID":"1", "DATA_DN": "samsung"}]
return [{"id":this.id, 'action': '', 'vin':this.vin,
'plate':this.plateCountry + '-' + this.plateState + '-' +
this.plateNumber, 'make':this.make, 'model':this.model,
'year':this.year,'rfidNo':this.rfid,
'description':this.description}]
}
};
}
function addTruckData() {
var addTruck = true;
var truckVin = $('#truckVin').val();
if (truckVin.length == 0) {
return null;
}
var rowId = -1;
var method = '';
var truck = new truckData (0, truckVin,
$('#truckMake').val(),
$('#truckModel').val(),
$('#truckYear').val(),
$('#country').val(),
$('#state').val(),
$('#truckPlateNumber').val(),
$('#truckDescription').val(),
$('#truckRfidNo').val(),
'OwnerOperator');
if (_truckList != null) {
for (var xx = 0; xx < _truckList.length; xx++ ) {
if (_truckList[xx].vin == truckVin) {
// The vin is already in the list, update it.
rowId = xx + 1;
break;
}
}
}
if (rowId == -1 && _truckList == null) {
_truckList = [ truck ];
rowId = 1;
method = 'addRowData';
}
else if (rowId == -1) {
rowId = _truckList.length + 1;
_truckList.push (truck);
method = 'addRowData';
}
else {
_truckList[rowId - 1] = truck;
method = 'setRowData';
}
var result = $('#truckGrid').jqGrid(method, rowId, truck.toJqGridData());
if (!result) {
alert('Operation failed.');
}
// resetTruckFields(); <- Resets the UI state by setting the text boxes to ''
return truck;
}
При двойном щелчке по строке запускается обработчик события, но значение rowid имеет значение «undefined».
ondblClickRow: function (rowid, iRow, iCol, e) {
alert(rowid);
},
Я уверен, что я делаю что-то не так, но я понятия не имею, что это такое.Есть мысли?
В настоящее время сетка не подключена к обработчику данных и не выполняет никаких вызовов (как и ожидалось).Все генерируется локально в java-скрипте.
Для большей ясности, addTruckData() вызывается кодом, прикрепленным к кнопке, например:
$(document).ready(function () {
$('#doIt').click(function () {
if ($('form').valid()) {
addTruckData();
}
});
});