I am working on a task, where I have to create a dynamic contextmenu and dynamic subcontext menu. all I am getting from the back end is a JSON response. I was successful with creating a dynamic context menu, but having troubles with creating dynamic context menu. any one can help me here? I am using JqGrid.
function loadDxGrid() {
$(gridId.dx).jqGrid({
data : jqGridJsonResponse.dx,
colNames : diagnosisColNames,
colModel : diagnosisColModel,
jsonReader : {
id : 'rowId',
repeatitems : false
},
ondblClickRow:
function(rowid, iCol, cellContent, e) {
fetchDescription(rowid, iCol, cellContent, e,'dx');
},
onRightClickRow: function (rowid, iRow, iCol, e)
{
var menuItem ='';
$('.menuitem').remove();
for(i=0;i<jqGridJsonResponse.dx[rowid-1].rowInfo.contextMenuItemList.length;i++)
{
menuItem += "<li class='menuitem' id= "+ jqGridJsonResponse.dx[rowid-1].rowInfo.contextMenuItemList[i].handler + ">" + jqGridJsonResponse.dx[rowid-1].rowInfo.contextMenuItemList[i].name + "</li>";
if ((jqGridJsonResponse.dx[rowid-1].rowInfo.contextMenuItemList[i].contextMenuItem) != null )
{
alert("Sub menu is there ");
}
}
$("#rightClickMenu > ul").append(menuItem);
},
editurl: '/topaz/n/coding/encounter/editGridRow',
loadComplete: function(data) {
$("#dxCodeGrid").contextMenu('rightClickMenu', {
bindings: {
'deleteRow': function(t)
{
alert("hello Delete Row");
}
}
});
}