or

$('#update-downloads-chart').on('click', function (e) { e.preventDefault(); $('#downloads-chart').data().kendoChart.dataSource.read( { minDate: $('#downloads-date-start').val(), maxDate: $('#downloads-date-end').val() });});<div class="widget"> <div class="widget-title"> <h5><i class="fa fa-bar-chart-o fa-fw"></i> Downloads by Category</h5> </div> <div class="widget-content debug"> @(Html.Kendo().Chart<Models.ChartDataItem>() .Name("downloads-chart") .HtmlAttributes(new { @class = "pie" }) .Theme("bootstrap") .DataSource(ds => ds.Read(read => read.Action("getdownloadsbycategory", "admin"))) .Legend(true) .Series(series => series .Donut("DataValue", "DataText") .Overlay(ChartPieSeriesOverlay.None) .Labels(labels => labels .Visible(true) .Align(ChartPieLabelsAlign.Circle) .Position(ChartPieLabelsPosition.Center) .Color("#fff")) .StartAngle(0) .Name("Download Type")) .Tooltip(tooltip => tooltip .Visible(true) .Template("#= dataItem.DataText # - #= dataItem.DataValue #")) ) </div> <div class="widget-controls"> <div class="date-label"> Date range: @(Html.Kendo().DatePicker() .Name("downloads-date-start") .Value(today.AddDays(-6).ToShortDateString()) .HtmlAttributes(new { @class = "datepicker" }) ) to @(Html.Kendo().DatePicker() .Name("downloads-date-end") .Value(today.ToShortDateString()) .HtmlAttributes(new { @class = "datepicker" }) ) <button type="button" class="btn btn-small" id="update-downloads-chart">Update</button> </div> </div></div>sort=&group=&filter=
!function ($) { $.extend($.fn, { busyIndicator: function (c) { b = $(this); var d = b.find(".k-loading-mask"); c ? d.length || (d = $("<div class='k-loading-mask'><span class='k-loading-text'>Loading...</span><div class='k-loading-image'/><div class='k-loading-color'/></div>").width(b.outerWidth()).height(b.outerHeight()).prependTo(b)) : d && d.remove() } });}(jQuery);function ApprovalSubmit() { var r = confirm("Are you sure you want to submit your approval selection?"); if (r == false) { alert('Form NOT submitted'); return; } ErrorMsgClear(); var qiaComments = $('#QiaStatusComments').val(); var mainDiv = $("#MainDiv").closest("div.k-window"); mainDiv.busyIndicator(true); // show if (qiaComments == '') { mainDiv.busyIndicator(false); // hide ErrorMsg('Please complete the \'Approver Comments\' before submitting!'); /*mainDiv.data("kendoWindow").close(); win.kendoWindow({ refresh: function () { this.center(); } }).data("kendoWindow")*/ return; } var qiaId = $('#Id').val(); var qiaControl = $('#Id'); /*var dropdownlist = $("#cmbApprovalSelection"); var dataItem = $('#cmbApprovalSelection option:selected').val();*/ var dataItem = $("#cmbApprovalSelection"); /*$('#cmbApprovalSelection').val();*/ var approvalSelection = dataItem.val(); /*alert(approvalSelection + '-' + dataItem.dataTextField + '-' + dataItem.dataValueField + '-' + dataItem.val());*/ if (approvalSelection == null || approvalSelection == '') { mainDiv.busyIndicator(false); // hide ErrorMsg('Please select approval value from drop down list below!'); /*mainDiv.data("kendoWindow").close(); mainDiv.kendoWindow({ visible: false }).data("kendoWindow").center().open();*/ return; } else { $('#btnApproverSelection').hide(); $.ajax({ type: "POST", async: true, contentType: "application/json;charset=utf-8", url: "@Url.Action("ApproverSelection", "Home")", data: '{ "id":' + qiaId + ', "approverSelection":"' + approvalSelection + '", "comments":"' + qiaComments + '" }', dataType: "json", success: function (data) { if (data.Success == true) { ErrorMsg2(data.Message); $('#btnApproverSelection').hide(); /* close form by calling kendo grid update */ $(".k-grid-update").trigger('click'); /*qiaControl.closest(".k-window-content").data("kendoWindow").close();*/ $('#Grid1').data('kendoGrid').dataSource.read(); $('#Grid2').data('kendoGrid').dataSource.read(); mainDiv.busyIndicator(false); // hide } else { ErrorMsg(data.Message); mainDiv.busyIndicator(false); // hide } }, error: function () { ErrorMsg('An error has occurred.\n' + data.Error + '\n' + data.Message); mainDiv.busyIndicator(false); // hide /*$('#btnApproverSelection').show();*/ } }); /*mainDiv.busyIndicator(false); // hide*/ }}
