Hi Dimitar,
Thanks for the answer.
I ran the sample you attached, and placed two breakpoints:
1 - In the line "manager.ShowAlert(alert);"
2 - In the begging of the method "Alert_Closed"
The debugger first stopped in the 1st breakpoint, then it stopped in the 2nd one.
The name of the segment is under the "category" field, even when not data binding, like in this case. You can find a list of the fields you can use in the template in the following article (scroll down to the "Main Properties Used in a ClientTemplate" section): https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/clienttemplate/overview.
Also, to use a pie or donut series, you must add PieSeriesItem instances to its SeriesItems collection.
On a side note, you don't need x-axis items for a donut or pie chart, as there is no x-axis.
Here's an example I made for you that shows how this works and how to set a custom tooltip since I see an attempt at that in the code - in this sample the labels, tooltips and legend will all show the same value - the name of the segment.
Protected Sub Page_Init(sender As Object, e As EventArgs) Handles Me.Init Dim chart As RadHtmlChart = New RadHtmlChart() chart.ID = "myChart" form1.Controls.Add(chart) Dim series As DonutSeries = New DonutSeries() series.LabelsAppearance.ClientTemplate = "#=category#" series.TooltipsAppearance.ClientTemplate = "#=category#" chart.PlotArea.Series.Add(series) Dim si As PieSeriesItem For Each dr As Data.DataRow In GetTestData().Rows si = New PieSeriesItem() si.Y = CType(dr.Item("YValue"), Single) si.Name = dr.Item("XValue").ToString series.SeriesItems.Add(si) NextEnd SubProtected Function GetTestData() As DataTable Dim tbl As New DataTable() tbl.Columns.Add(New DataColumn("XValue", GetType(String))) tbl.Columns.Add(New DataColumn("otherField", GetType(String))) tbl.Columns.Add(New DataColumn("YValue", GetType(Single))) tbl.Columns.Add(New DataColumn("fourthField", GetType(String))) tbl.Rows.Add(New Object() {"first", "firstRecord2", 1, "A"}) tbl.Rows.Add(New Object() {"first", "secondRecord2", 2, "B"}) tbl.Rows.Add(New Object() {"third", "thirdRecord2", 3, "C"}) Return tblEnd Function<telerikPrimitives:RadBorder WidthRequest="300" CornerRadius="6" BackgroundColor="#93D7FF" Padding="10"> ....<telerikInput:RadEntry x:Name="txtQty" Completed="TxtQty_Completed"/>private void TxtQty_Completed(object sender, EventArgs e){ popupQty.IsOpen = false;}Dimiter,
That's exactly the information I needed actually and in one of the cases it was a loop I was performing to open detail rows which was occurring while the loading checks were still happening for some of the other forms. This just helped me narrow my field of inquiry enough to get under it.
Hello Vladimir,
Thanks for the suggestion. Unfortunately, I can't figure out how to sort the grid programatically and examine its sorted items for testing. There's a `GridViewDataControl.PerformSorting` method that's used in GridView.Tests but it's internal. Do you know any other way I can sort the grid in unit tests?
```
using System.Windows.Data;
using System.Windows.Interactivity
using Telerik.Windows.Controls;
using Telerik.Windows.Data;
using Xunit;
[WpfFact] // from Xunit.StaFact
public void Test()
{
var grid = new RadGridView();
grid.AutoGenerateColumns = false;
grid.Columns.Add(new GridViewDataColumn { DataMemberBinding = new Binding() });
grid.ItemsSource = new[] { 1, 3, 2 };
Interaction.GetBehaviors(grid).Add(new CustomSortBehavior());
/// TODO: perform sort
Assert.Equal(new[] { 1, 2, 3}, grid.Items);
}
public class CustomSortBehavior : Behavior<RadGridView>
{
/// custom sort implementation
}
```
Thanks Marin,
I will have a play with getting the scrollbar to work. My grid isn't fixed width but it does fit within in the screen - I guess it may be to do with my not understanding the CSS/HTML going on (I'm using the standard template at the moment so the body width is flexible but only up to a point and the grid columns are wrapping rather than stretching)
I will also raise a feature request, so thanks for that.
Regarding the sorting, I think it may be to do with the way my object model works. Effectively I am binding to a list of Item objects (one per row), that has a list of FieldValue objects which represent a field/column in a row. The FieldValue has a name and a value of type object, some of the values will be standard types like string, decimal and some are our own types - for example we have a DateOnly type.
Separately to this we have a "view definition" which tells us all of the columns to expect, I use this to create the actual list of columns. Here's is some example code:
Represents a "row":
public class Item
{
public string EntityTypeName { get; set; }
public FieldValues FieldValues { get; set; }
}
Represents a column on a row:
public class FieldValues : KeyedCollection<string, FieldValue>
{
public FieldValues() : base(StringComparer.OrdinalIgnoreCase)
{
}
public FieldValues(IEnumerable<FieldValue> fields) : this ()
{
AddRange(fields);
}
public void AddRange(IEnumerable<FieldValue> fields)
{
foreach (var fieldValue in fields)
{
Add(fieldValue);
}
}
public void Add(string fieldName, object value)
{
Add(new FieldValue(fieldName, value));
}
protected override string GetKeyForItem(FieldValue item)
{
return item.FieldName;
}
}
}
Defines how the grid should look (this is cut down for simplicity):
public class ViewDefinition
{
public string Name { get; set; }
public List<ViewColumn> Columns { get; set; }
public List<SortDef> SortColumns { get; set; }
}
Defines how a column should look (this is cut down for simplicity):
public class ViewColumn
{
public string FieldName { get; set; }
public int Width { get; set; }
public string Label { get; set; }
public FieldType FieldType { get; set; }
}
In my UI I am creating the colums like this:
<TelerikGrid Data=@Items TItem="Item" Sortable="true" Pageable=true PageSize=15 TotalCount=@Total>
<TelerikGridEvents>
<EventsManager OnRead=@ReadItems></EventsManager>
</TelerikGridEvents>
<TelerikGridColumns>
@foreach (var column in ViewDefinition.Columns)
{
<ViewGridColumn ViewColumn="@column"></ViewGridColumn>
}
</TelerikGridColumns>
</TelerikGrid>
ViewGridColumn is my own component which I use for rendering a column.
A snippet from ViewGridColumn which shows the creation of a column for a FieldValue that contains a string looks like this:
switch (ViewColumn.FieldType)
{
case FieldType.String:
<TelerikGridColumn Title="@ViewColumn.Label" Width="@(ViewColumn.Width + "px")">
<Template>
@{
var stringFieldValue = GetFieldValue(ViewColumn.FieldName, @context);
<span>@stringFieldValue?.Value</span>
}
</Template>
</TelerikGridColumn>
break;
The switch statement has further branches and lets me render the different types in the correct way.
Now I appreciate why the automatic sorting doesn't work, but when I us the ReadItems method I don't get the column name or label in the args. It passes me a single sort descriptor in args.Request.Sorts but whilst SortDirection is set, Member is null.
Obviously this makes it impossible for me to tell which column the grid thinks it is sorting on.
From my tracing in the console you can see that I get one sortdef passed but the member is null:
WASM: Sort Descriptor Count=1 blazor.webassembly.js:1:32035
WASM: sortDescriptor.Member=Null sortDescriptor.SortDirection=Ascending
I hope this makes some sense!
Hi Dimiter,
Yes I have replicated this in all 3 major browsers (Chrome, Firefox, Edge). I don't use firefox or edge, so those have no plugins or anything installed.
The issue i see with your video is that you are "scrolling" from May to June. Perhaps this was lost in my long post, but I did mention that scrolling works fine. The unexpected behavior is only found when "clicking" from May to June.
So to reproduce: Open the date picker, mouse click June. If you scroll then you will not see the issue. You can see if the GIF that I am mouse clicking and not scrolling.
Please let me know if you have any more questions regarding the issue. I understand this is a difficult issue to explain but I am trying my best. If needed, perhaps we can setup some sort of remote session where I can demonstrate the issue live.