Hi paramquery team,
I am calling the popup dialog box on cell click function. And the popup grid colModel contain one column with select drop down. But this select drop down is not working inside the pop grid. Not even select but also another editor function like text box is also not working.
I am placing some code below, for your reference. please give some solution for my problem.
var colModel = [
{
title : "Event <label class='req' style='display:inline'>*</label>",
width : '40%',
dataType : "string",
align : "center",
dataIndx : "eventType",
editable : false,
editor : {
type : 'select',
cls: "eventlist",
options: [{ '': '' }, { 'SE': 'Speedy Express' }, { 'UP': 'United Package' }]
}
}
];
var obj = {
editable : true,
numberCell : false,
resizable : false,
scrollModel : {
autoFit : true,
theme : false
},
dragColumns : {
enabled : false
},
draggable : true,
collapsible : false,
dataModel : DataModel,
colModel : colModel,
showTitle : false,
showBottom : false,
sortable : false,
editModel: {
clicksToEdit: 1,
saveKey: $.ui.keyCode.ENTER
},
selectionModel : {
type : 'cell',
},
};
// Dialog popup opens here
$('body').on('click','#open_popup',function(e) {
//$("#open_popup").click(function (evt) {
$("#popup")
.dialog({
// autoOpen: false,
height: 400,
width: 700,
modal: true,
open: function (evt, ui) {
$("#grid_popup").pqGrid(obj);
},
close: function () {
$("#grid_popup").pqGrid('destroy');
},
show: {
effect: "blind",
duration: 500
}
});
});