Is there any way to make custom select editor to be open just on one click? The way it works now (even in your demo) the first click just shows the drop down the second click opens it.
I am using
editModel: {
saveKey:$.ui.keyCode.ENTER,
cellBorderWidth: 1,
clicksToEdit: 1,
onBlur: 'save',
keyUpDown:true},
and the editor:
var usersDropDownEditor2 = function (ui, getUsrUrl, searchParam, wdth, callType) {
var $inp = ui.$cell.find("select");
rowData = ui.rowData,
dataIndx = ui.dataIndx,
dataCell = rowData[dataIndx];
if (isStringEmpty(wdth))
wdth = '300px';
// alert(wdth);
$inp.width(wdth);
$.ajax({
url: getUsrUrl,
type: callType,
data: searchParam,
dataType: "json",
cache: false,
success: function(json_arr) {
var opt = $('<option />'),
fullDesc, empId;
$inp.append(opt);
$.each(json_arr, function(i,val) {
opt = $('<option />');
empId = val.employeeId,
fullDesc = val.rlfName;
opt.attr('value', empId).text(fullDesc);
if (dataCell && dataCell == fullDesc) {
opt.attr('selected', 'selected');
}
$inp.append(opt);
});
},
error: function(xhr, error) {
alert("System Error: " + xhr.responseText);
}
});
};