Hi,
I did not manage to find usefull samples explaining how to use reporting with WPF and of course in a mvvm manner.
Can you provide me some urls ?
My first test is to construct a report using CrossTab as recommended by Todor and bind it to the business object used in the screenshot i provided in my initial post and i didn't get it
Regards
Cédric
I'd suggest you use a wizard so the user can't move to the next part of the form until the validation is satisfied: https://demos.telerik.com/aspnet-ajax/wizard/functionality/validation/defaultcs.aspx. You can find more details on how the validation works in the wizard in the following article: https://docs.telerik.com/devtools/aspnet-ajax/controls/wizard/functionality/validation.
I am trying to use Telerik UI for Blazor with Razor Components in VS 2019 Preview 2 and looks like it doesnt work. I get error:
ErrorCS0103The name 'context' does not exist in the current
When using this:
<KendoGrid Data=@forecasts Pageable=true PageSize=5 Sortable=true>
<KendoGridColumn Field=@nameof(WeatherForecast.Date)>
<Template>
@($"{(context as WeatherForecast).Date:d}")
</Template>
</KendoGridColumn>
<KendoGridColumn Field=@nameof(WeatherForecast.TemperatureC) />
<KendoGridColumn Field=@nameof(WeatherForecast.TemperatureF) />
<KendoGridColumn Field=@nameof(WeatherForecast.Summary) />
</KendoGrid>
Also if not using Template column the app runs but the grid is not displayed.
Is there any workaround or when is expected to have a version working with VS 2019 Preview 2?
Hi
I'm trying to add different behaviors if the user click "Delete/Edit serie" or "Delete/Edit occurrence". I will like to know if there is a way (I know you have it ;)) to know which option the user select in the "dialog".
Thank you in advance!!
I figured it out but if you guys come up with a better solution please share.
In the DropDownListFor, define the Cascade event
@(Html.Kendo().DropDownListFor(x => x.AppList[i].SelectedRestrictionId) .DataTextField("RestrictionDescr") .DataValueField("RestrictionId") .OptionLabel("-- Select --") .DataSource(source => { source.Read(read => { read.Action("GetAppRestrictions", "User"); }) .ServerFiltering(true); }) .Enable(false) .AutoBind(false) .HtmlAttributes(new { id = "appRestrictionList", style = "width: 100%;" }) .Events(e => { e.Cascade("RestrictionChange"); }))
In the MultiSelectFor, define the DataSource
@(Html.Kendo().MultiSelectFor(x => x.AppList[i].SelectedRestrictions) .DataTextField("ResValDescr") .DataValueField("ResValId") .Placeholder("Select Values...") .HtmlAttributes(new { id = "RestrictionValueList" }) .DataSource(source => { source.Read(read => { read.Action("GetRestrictionValueList", "User"); }) .ServerFiltering(true); ; }) .Enable(false) .AutoBind(true))In the script, call the DataSource and enable/disable the MultiSelectFor
function RestrictionChange(e) { var dataItem = this.dataItem(e.item); var multiselect = $("#RestrictionValueList").data("kendoMultiSelect"); // If has a RestrictionId, call the DataSource on the server if (dataItem.RestrictionId) { multiselect.dataSource.read({ ResId: dataItem.RestrictionId }); multiselect.enable(true); } else { multiselect.value([]); multiselect.enable(false); }}I converted:
LinearAxis horizontalAxis = radChartView1.Axes.Get<LinearAxis>(0);horizontalAxis.Title = "Axis' title";horizontalAxis.Font= newFont("Arial",12f, FontStyle.Italic);
to:
DimHA AsLinearAxis = DashBoard.chtNewDayAvg.Axes.[Get](Of LinearAxis)(0)DimAL AsAxisLabelElement = DirectCast(HA.Children(1), AxisLabelElement)AL.ForeColor = Color.WhiteIfRecHasData(Counts) Then 'Play with the 30 day rolling avg. DashBoard.chtNewDayAvg.ShowLegend = False DashBoard.chtNewDayAvg.Series(0).DataPoints.Clear() 'Not sure about the areas ForI AsInteger= 0 ToUB(Counts) DimStatuses AsNewList(Of String) Statuses.AddRange(Split(GetFromSet(Counts, 1, I), Separator2)) DimAssetsDown AsInteger= 0 ForII AsInteger= 0 ToStatuses.Count - 1 DimVal AsInteger Integer.TryParse(Statuses(II).Split(Separator)(AssetTypeSlot), Val) SelectCaseStatuses(II).Split(Separator)(0) Case"Down" AssetsDown += Val : IfVal > MaxDwn ThenMaxDwn = Val Case"Repairing" AssetsDown += Val : IfVal > MaxDwn ThenMaxDwn = Val EndSelect Next DimDT AsString= FMDB(GetFromSet(Counts, 0, I), False).ToShortDateString DimP AsNewCategoricalDataPoint(AssetsDown, DT) P.Label = AssetsDown DashBoard.chtNewDayAvg.Series(0).DataPoints.Add(P) Next DimHA AsLinearAxis = DashBoard.chtNewDayAvg.Axes.[Get](Of LinearAxis)(0) DimAL AsAxisLabelElement = DirectCast(HA.Children(0), AxisLabelElement) AL.ForeColor = Color.WhiteEndIfHA is nothing, so I get an Object Reference error on the second line where it tries to get the children.
You example was to adjust the font for a specific horizontal label. I just want to set the ForeColor for all of them. This is the code I'm using to populate the Graph with data.
I have an issue where a grid's datasource hasChanges function is not working in IE, but does work in Chrome.
When leaving the page, I check to see if there are changes to the grid's data source, and if there are changes I prompt to make sure they want to leave with unsaved changes. In this example, I save changes successfully and the hasChanges still returns true after the save is complete.
Controller update function:
[AcceptVerbs(HttpVerbs.Post)]publicActionResult Minimum_Create([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<MinimumsViewModel> records){ try{ CDIWholesaleServiceClient client = newCDIWholesaleServiceClient(); if(records.Any()) { foreach(var record inrecords) { record.contractID = int.Parse(Request["globalContractID"]); var input = WholesaleDataMapper.ConvertMinimumRate(record); var output = client.InsertMinimumRate(input); record.id = output.MinimumID; } } returnJson(records.ToDataSourceResult(request, ModelState)); } catch(Exception ex) { ModelState.AddModelError("Minimum Creation Error", ex.Message); returnJson(records.ToDataSourceResult(request, ModelState)); }}
Client Code:
functiongoodbye(e) { varminimumsGrid = $('#MinimumsGrid').data().kendoGrid; if(minimumsGrid.dataSource.hasChanges() ) { LeavingUnsavedNotify(e); }}window.onbeforeunload = goodbye;@(Html.Kendo().Grid<WholesaleWeb.Models.MinimumsViewModel>(Model.minimums) .Name("MinimumsGrid") .Columns(columns => { columns.Command(command => command.Destroy()).Width(90); columns.ForeignKey(x => x.timeUnitID, Model.minimumsTimeUnits, "Key", "Value").Title("Time Unit").Width(100); columns.ForeignKey(x => x.qtyTypeID, Model.minimumsQtyTypes, "Key", "Value").EditorTemplateName("MinimumsQuantityType").Title("Qty Type").Width(100); columns.ForeignKey(x => x.unitID, Model.minimumsByTypes, "Key", "Value").EditorTemplateName("MinimumsBy").Title("By").Width(100); columns.Bound(x => x.minDollarAmt).EditorTemplateName("PositiveNumber").Title("Min").Width(80); columns.Bound(x => x.feePerExam).EditorTemplateName("PositiveNumber").Title("Fee Per Exam").Width(120).Editable("feePerExamEditable"); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable() .Navigatable() .Reorderable(reorder => reorder.Columns(true)) .Sortable() .Scrollable() .Editable(editable => editable.DisplayDeleteConfirmation(true)) .Resizable(resize => resize.Columns(true)) .ToolBar(toolbar => { toolbar.Create(); }) .DataSource(dataSource => dataSource .Ajax() .Batch(true) .PageSize(10) .ServerOperation(false) .Events(events => events.Error("error_handler").RequestEnd("MinimumRates_End")) .Model(model => { model.Id(x => x.id); }) .Create(create => create.Action("Minimum_Create", "Wholesale").Data("getGlobalContractID")) .Update(update => update.Action("Minimum_Update", "Wholesale").Data("getGlobalContractID")) .Destroy(destroy => destroy.Action("Minimum_Destroy", "Wholesale").Data("getGlobalContractID")) ) .HtmlAttributes(new{ style = "width:100%"}) )
I have a usercontrol as my edit form, and a property called DataItem that gets bound, one item of which is called ItemID and is bound to a HiddenField.
<asp:HiddenFieldID="itemID"runat="server"Visible="false"Value='<%# DataBinder.Eval(Container, "DataItem.ItemID") %>' />Everything seems good, form renders. I have two controls I call by button click, and in those handlers I can get the value of the HiddenField ItemID to pass its value along in a url.
"&ItemID=" & itemID.Value.ToString() &
The problem comes in when in Page_Load, I want to restrict whether to show these controls or not by the value of ItemID. In Page_Load, itemID.Value is empty, presumably because the page hasn't loaded yet, and while _dataItem seems to exist, it has no fields yet. Is there an event I can tie into to say 'run this after _dataItem has been bound'? There is OnDataBound, but the note on the documentation page says only useful with client side data binding and my solution uses NeedsDataSource.
Nevermind. Set the forecolor using this:
DashBoard.chtNewDayAvg.Series(0).Axes(0).ForeColor = Color.WhiteDashBoard.chtNewDayAvg.Series(0).Axes(1).ForeColor = Color.White
Hi,
Just one more question.
If I want to format item forecolor with condition of its data, for example. I have item that hold a number, if this number is lower than 50 I want to color it with red else black.
Can this be done in CardView?
Best Regards,
Omar
Hi Rumen,
Thanks for the helpful information. I couldn't get the CSS example to work for me, but the second example worked perfectly.
Best wishes,
Dan
Have a grid and context menu defined in a partial view. When the grid is positioned where the page is scrolled to the top then the context menu opens at point of right mouse click. But as soon as page is scrolled down and grid is partially moved up and hidden from view, then the context menu is not positioned correctly on the y axis.
@using Kendo.Mvc.UI
@using NEP_Deconstruction.Data
@{
const string ValuesSuffix = "-Values";
}
@(Html.Kendo().Grid<NEP_Deconstruction.Data.Models.ApprovalViewModel>()
.Name("approval_grid")
.Columns(columns =>
{
columns.Bound(o => o.ID)
.EditorTemplateName("IntegerReadonly");
columns.Bound(o => o.ApprovalNumber)
.EditorTemplateName("IntegerReadonly");
columns.Bound(o => o.SourceCount)
// other column definitions
columns.Bound(o => o.Comment);
columns.Command(command =>
{
command.Edit().Text(" ").IconClass("k-icon k-i-edit").HtmlAttributes(new { style = "min-width: auto" });
command.Destroy().Text(" ").IconClass("k-icon k-i-delete").HtmlAttributes(new { style = "min-width: auto" });
}).Width(/*210*/ 125);
})
.ToolBar(toolbar => { toolbar.Create(); /*toolbar.Save();*/ })
.Editable(editable =>
{
editable.TemplateName("ApprovalPopupEditor");
editable.Mode(GridEditMode.PopUp);
})
.Resizable(c => c.Columns(true))
.Reorderable(c => c.Columns(true))
.Filterable()
.Groupable()
.Pageable(p => p.Numeric(false).PreviousNext(false))
.Selectable()
.Sortable()
.Scrollable(scrollable => scrollable.Virtual(true).Endless(true))
.ColumnMenu()
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.PageSize(100)
.ServerOperation(true)
.Events(events => events.Error("error_handler")
.RequestStart("approval_grid_requeststart"))
.Model(model =>
{
// ***
// various default values set
})
.Read(read => read.Action("Read", "Approval"))
.Create(create => create.Action("Create", "Approval"))
.Update(update => update.Action("Update", "Approval"))
.Destroy(destroy => destroy.Action("Destroy", "Approval"))
)
.Events(events => events.Change("approval_grid_change")
.DataBound("approval_grid_databound")
.Edit("approval_grid_edit")
.Save("approval_grid_save"))
)
@(Html.Kendo().ContextMenu()
.Name("approval_menu")
.Target("#approval_grid")
.Filter("tr[role='row']")
.Orientation(ContextMenuOrientation.Vertical)
.Items(items =>
{
items.Add()
.Text("Refresh");
//.ImageUrl(Url.Content("~/shared/web/toolbar/reply.png"))
items.Add()
.Text("Edit");
items.Add()
.Text("Delete");
})
.Events(e => e.Select("approval_menu_select"))
)