Hi,
I want to display one window on clicking a row in pivot grid in devexpress dashboards in MVC.
In that window I want to display background data of that grid column.
Please help me.I am new to web development.
What I have tried:
I have assigned Itemclick event for a dashboard devexpress in a view.After I have taken one javascript function and passed that function to the view.
Index.cshtml
<div>
@Html.DevExpress().Dashboard(settings =>
{
settings.Name = "clientDashboardDesigner1";
settings.WorkingMode = Model;
settings.Width = Unit.Percentage(100);
settings.Height = Unit.Percentage(100);
settings.AllowExportDashboardItems = true;
settings.IncludeDashboardIdToUrl = true;
settings.IncludeDashboardStateToUrl = true;
settings.ClientSideEvents.CustomizeMenuItems = "onCustomizeMenuItems";
settings.ClientSideEvents.BeforeRender = "onBeforeRender";
settings.ClientSideEvents.ItemClick = "function(s, e) { onItemClick(s, e, $(this)); }";
}).GetHtml()
</div>
My Scripts.js code
function onItemClick(s, e) {
var i, l, options = [{
value: 'first',
text: 'First'
}, {
value: 'second',
text: 'Second'
}],
newWindow = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
newWindow.document.write("<" + "My Data" + "/>");
}