Hi, I need to open partialview in popup window when right click dojogrid. Any one can help me..
@inherits System.Web.Mvc.WebViewPage
@using System.Web.Mvc.Html
@*This section is for the Workorder Temp datagrid*@
@{
ViewBag.Title = "_WorkorderTempDataGridAreaPartialView";
}
<br />
<div id="WorkorderTempLabel" style="font: bold 14px Georgina, serif">Temporary Workorders</div>
<script>
require(['dojo/_base/lang',
"dojo/store/Memory",
'dojox/grid/DataGrid',
"dojo/data/ObjectStore",
"dojo/request",
'dojo/data/ItemFileWriteStore',
"dojox/grid/_RadioSelector",
"dojox/io/xhrWindowNamePlugin",
'dojo/dom',
'dojo/domReady!'],
function (lang, Memory, DataGrid, ObjectStore, request, ItemFileWriteStore, _RadioSelector, dom, domReady) {
/*set up data store*/
var data = {
identifier: "id",
items: []
};
var data_list = [
{ col1: '101001', col2: 'Product_Alias_SR1001', col3: 'READY', col4: '23101' },
{ col1: '101002', col2: "Unmasked PAN", col3: 'READY', col4: '23101' },
{ col1: '101003', col2: 'Masked PAN', col3: 'READY', col4: '23101' }
];
var rows = 60;
for (var i = 0, l = data_list.length; i < rows; i++) {
data.items.push(lang.mixin({ id: i + 1 }, data_list[i % l]));
}
var store = new ItemFileWriteStore({ data: data });
/*set up layout*/
var layout = [[
{ 'name': 'Workorder ID', 'field': 'col1', 'width': '100px' },
{ 'name': 'productname', 'field': 'col2', 'width': '100px' },
{ 'name': 'Status', 'field': 'col2', 'width': '200px' },
{ 'name': 'OrderId', 'field': 'col3', 'width': '150px' }
]];
/*create a new grid*/
var cardgrid = new dojox.grid.DataGrid({
store: store,
structure: layout,
height: '150px',
width: '50px',
rowSelector: '20px',
clientSort: true,
"class": "grid"
});
/*append the new grid to the div*/
cardgrid.placeAt("gridDiv");
cardgrid.onCellContextMenu = function (e) {
var idx = e.rowIndex, rowData = cardgrid.getItem(idx);
var cdx = e.cellIndex;
//Here i need to open popup
};
/*Call startup() to render the grid*/
cardgrid.startup();
});
</script><div id="gridDiv"></div>
Locked
