RadDataGrid throwing odd XAML binding errors

[Stephen]

I have just implemented a MAUI ContentPage with an completely empty RadDataGrid definition.  In my "using" section of the xaml page, I have this entry:

xmlns:dataGrid="http://schemas.telerik.com/2022/xaml/maui"

In the root grid, I have this entry:

<dataGrid:RadDataGrid
	Grid.Row="1">
</dataGrid:RadDataGrid>

When the application is run, I get the following XAML binding errors:

NotificationsViewModel	ActualWidth	RadBorder.MinimumWidthRequest	Double	'ActualWidth' property not found on 'MobyClient.ViewModels.NotificationsViewModel', target property: 'Telerik.Maui.Controls.RadBorder.MinimumWidthRequest'
NotificationsViewModel	HeaderText	Label.Text				String	'HeaderText' property not found on 'MobyClient.ViewModels.NotificationsViewModel', target property: 'Microsoft.Maui.Controls.Label.Text'			

A key point is that when I added 'ActualWidth' and 'HeaderText' observable properties, the errors go away. In fact, when I run the Telerik MAUI code examples, I see the same errors in the examples "First Look" data grid example:

Telerik.Maui.Controls.Compatibility.DataControlsRenderer.UWP.ExtendedListViewItem	HandleIconPath	Microsoft.UI.Xaml.Controls.BitmapIcon.UriSource, Name='PART_ReorderHandle'	Uri	BindingExpression path error: 'HandleIconPath' property not found on 'Telerik.Maui.Controls.Compatibility.DataControlsRenderer.UWP.ExtendedListViewItem'			
FirstLookViewModel	ActualWidth	RadBorder.MinimumWidthRequest	Double	'ActualWidth' property not found on 'QSF.Examples.DataGridControl.FirstLookExample.FirstLookViewModel', target property: 'Telerik.Maui.Controls.RadBorder.MinimumWidthRequest'			
FirstLookViewModel	HeaderText	Label.Text				String	'HeaderText' property not found on 'QSF.Examples.DataGridControl.FirstLookExample.FirstLookViewModel', target property: 'Microsoft.Maui.Controls.Label.Text'

Obviously, I either missing something in the Telerik MAUI control setup or there is a bug. Is this a setup issue or a bug? I am also seeing similar binding errors in the RadListView. As a general rule, I do NOT like any binding errors, so this bugs me. Any ideas?

[Maria]

Hеllo Stephen, 

Thank you for the provided code snippets and additional information.

About the error for the RadListView control, there is logged item in our public feedback portal:ListView: BindingExpression path error in the output - HandleIconPath not found. Press the follow button, in order to receive a notification by email when there are status updates.

For the error with the RadDataGrid control, I tested it on my side with the provided code snippets, but I couldn't reproduce the unwanted behavior. I tested my sample project with Visual Studio 2022, .NET 7 version, and Telerik UI for .NET MAUI version 5.1.0 (latest). Could you please provide more information about which product version for Telerik UI .NET Maui you are using, and which .NET version? If you can send us a sample repro project, that could be of great help. Maybe I am missing something in the setup.  

Regards,
Maria
Progress Telerik

[Sowjanya]

I am facing similar issue.

 

I am using vs2022 .Net 6 Telerik UI for .Ntt MAUI 5.1.0

[Maria]

Hello,

Thank you for the additional information.

I made a sample project with .NET 6 version and Telerik UI for Maui 5.1.0 version and I am not received such an error. I attached my project. Please modify it and send it back to me. Maybe I am missing something in the setup.

Looking forward to your reply.

[Stephen]

There is nothing special you need to do other than add a DataGrid that has auto columns turned off.  You get this:

 

oOf special interest is the data context and target:

Data Context: Telerik.Maui.Controls.Compatibility.DataControlsRenderer.UWP.ExtendedListViewItem

Property: HandleIconPath

Target: Microsoft.UI.Xaml.Controls.BitmapIcon.UriSource, Name='PART_ReorderHandle'

All of this is in your code and not mine so there is nothing other than using the control that propagates this error...

 

Thanks,

Steve

[Didi]

Hi Steve,

The errors listed in the attached image are related to the ListView, not to the DataGrid. We have this logged here: https://feedback.telerik.com/maui/1600665-listview-bindingexpression-path-error-in-the-output-handleiconpath-not-found - follow the item to track its progress. 

Note that those errors do not affect the development process of the application, the app builds and runs as expected. The errors are XAML binding errors, more details can be found here: https://learn.microsoft.com/en-us/visualstudio/xaml-tools/xaml-data-binding-diagnostics?view=vs-2022 

I hope this explanation will be of help. 

[Stephen]

Greetings!

I stand corrected! You are correct in stating the issue is in the ListView. And, I also concur that it is not preventing me from doing any development.

Thanks for logging the issue as you have!

Cheers, Steve

[Paul]

Is there any resolution to these xaml binding errors?  I'm still seeing the errors:
ActualWidth -> Telerik.Maui.Controls.RadBorder.MinimumWidthRequest
and
HeaderText -> Microsoft.Maui.Controls.Label.Text

I don't even have a Telerik.Maui.Controls.RadBorder in any of my entire project's xaml

Telerik.UI.for.Maui (6.7.0), Visual Studio 17.9, .net SKD 8.0.200, .net 8.0.2, Windows

[Didi]

Hi Paul,

The behavior you described is logged here: https://feedback.telerik.com/maui/1604592-sdk-browser-winui-xaml-binding-errors-in-datagrid-examples - The status is Unplanned, so I cannot commit a time-frame when this will be resolved. 

In general, these errors are not real errors. These errors do not prevent the app working and running process.