or


$J("#chart").kendoChart({ dataSource: { data:source, group: { field: "MDetail", dir: "asc" }, sort: { field: "Month", dir: "asc" } }, theme: "blueOpal", title: { text: "Total Cost of Workforce for " + year }, legend: { position: "bottom" }, seriesDefaults: { type: "area", format: "${0:0,000}" }, series: [{ field: "Amount", groupNameTemplate: "#= group.value # " }], valueAxis: { labels: { template: "#= kendo.format('$ {0:N0}', value / 1000000) # M" }, majorUnit: 100000000, line: { visible: false }, axisCrossingValue: -10 }, categoryAxis: { field: "Month", majorGridLines: { visible: false } }, tooltip: { visible: true, format: "$ {0:0,000}" }});<div id="divEleWrapper"> @(Html.Kendo().Grid<ElementViewModel>().Name("gridEle").Columns(cols =>{ cols.Bound(e => e.EleNum) .ClientTemplate("<span id='btn_#=EleID#' onClick='showDetail(#:EleID#)'>#:EleNum#</span>"); cols.Bound(e => e.EleNum) .ClientTemplate("<span id='btn2_#=EleID#' onClick='showDetail2(#:EleID#)'>#:EleNum#</span>"); }).DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("GetElements", "Rating", pi).Type(System.Web.Mvc.HttpVerbs.Get)))) </div><div> @{Html.Kendo().Window() .Name("winStandard") .Title("Detail") .Visible(false) .Modal(true) .Width(600) .Height(400) .Draggable() .Scrollable(true).Render(); } @{Html.Kendo().Window() .Name("winStandard2") .Title("Detail") .Visible(false) .Modal(true) .Width(600) .Height(400) .Draggable() .Content(@<text> @{Html.RenderAction("GetStandard", "Standard", new { eID = 54805 });} </text>).Render(); } </div><script> function showDetail(eID) { var dialog = $("#winStandard").data("kendoWindow"); dialog.refresh({ url: "./Standard/GetStandard", data: { eID: eID } }); dialog.center().open(); } function showDetail2(eID) { $("#winStandard2").data("kendoWindow").center().open(); }</script>