Telerik Forums
UI for .NET MAUI Forum
or
Ask question
All Questions
Unanswered
Answered
75 questions
1 answer
17 views
Does the DataGrid control support native adding and deleting rows?

Hi there,

I've googled, searched this forum and read the docs and from what I can see there is no way in an editable grid for the user to add a new row  (or delete an existing one) natively, is this correct?

For example, in my app I have the data grid below which the user enters an auction Lot # and a value of the lot.  When the page is rendered the datagrid should be empty but the user would add new rows to enter lots they have bidded on and won, or delete a row if they need to.

I hope I'm wrong but I cannot see a single thing about adding or deleting rows natively so can we only do this by having explicit buttons outside the grid control for adding/deleting and do it all with code behind and/or RelayCommands in the ViewModel? 

Or am I using the wrong control?  It's such a simple grid (just the two columns with no filtering, grouping etc) is there a better control I could use?

And sorry to ask two questions in one but when I try to style the column headers or cell content style with a custom colour using DynamicResource I get this error: 
XFC0009 No property, BindableProperty, or event found for "BackgroundColor", or mismatching type between value and property.

Is it not possible to use custom styling like this?

Many thanks,

Mike

            <ScrollView Grid.Row="7" Grid.ColumnSpan="2" VerticalOptions="Fill" HorizontalOptions="Fill" Margin="10,20,10,10">
                <telerik:RadDataGrid x:Name="grdInsuredAnimals" ItemsSource="{Binding CurrentApplication.AuctionDetails.LotDetails}" 
                                     AutoGenerateColumns="False" UserEditMode="Cell" CanUserResizeColumns="True" ShowGroupHeaderAggregates="False"
                                     UserGroupMode="Disabled" CanUserExpandMultipleRowDetails="False" CanUserReorderColumns="False" >
                    <telerik:RadDataGrid.Columns>
                        <telerik:DataGridComboBoxColumn PropertyName="LotNumber" HeaderText="Lot #" ItemDisplayBindingPath="LotNumber">
                            <telerik:DataGridComboBoxColumn.HeaderStyle>
                                <telerik:DataGridColumnHeaderStyle BackgroundColor="{DynamicResource RA_DarkBlue}" TextColor="White"/>
                            </telerik:DataGridComboBoxColumn.HeaderStyle>
                            <telerik:DataGridComboBoxColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle TextColor="{DynamicResource RA_Blue}" 
                                               FontSize="15" SelectedTextColor="{DynamicResource RA_Orange}"/>
                            </telerik:DataGridComboBoxColumn.CellContentStyle>
                        </telerik:DataGridComboBoxColumn>
                        <telerik:DataGridNumericalColumn DataMemberBinding="{Binding AnimalValue, StringFormat='{0:N0}'}" PropertyName="AnimalValue" HeaderText="Sum Insured">
                            <telerik:DataGridNumericalColumn.HeaderStyle>
                                <telerik:DataGridColumnHeaderStyle BackgroundColor="{DynamicResource RA_DarkBlue}" TextColor="White"/>
                            </telerik:DataGridNumericalColumn.HeaderStyle>
                        </telerik:DataGridNumericalColumn>
                    </telerik:RadDataGrid.Columns>
                </telerik:RadDataGrid>
            </ScrollView>


DataGrid
Didi
Telerik team
 answered on 09 May 2024
1 answer
11 views
DataGrid Search as You Type styling
Good afternoon, I would like to know about the styling of DataGrid Search as You Type in the documentation did not find the appropriate material. Did I miss something?
DataGrid
Yana
Telerik team
 answered on 07 May 2024
1 answer
22 views
DataGrid Nested Property Text Filter Descriptor works unclearly

Good afternoon, can you please advise me, am I assuming correctly to use Nested Property Text Filter Descriptor in DataGrid, it allows to use nested property filtering? If yes, why it doesn't work, here is a sample code: 

<telerik:NestedProprtyTextFilterDescriptor PropertyName="Property.Nested"
                                           Operator="Contains"
                                           Value="MyValue"/>
DataGrid
Yana
Telerik team
 answered on 09 Apr 2024
1 answer
16 views
DataGrid propety SelectedItems doesn't exist
Good afternoon, can you please advise why the documentation states: "SelectedItems.
The DataGrid exposes the SelectedItem and SelectedItems properties which you can use depending on whether you have defined a single or multiple selection mode.", but in practice there is no SelectedItems property.
DataGrid
Yana
Telerik team
 answered on 09 Apr 2024
1 answer
23 views
Mouse drag row reordering with MAUI RadDataGrid?

Is there a way in a MAUI RadDataGrid to use a mouse to drag a row to a new spot in row order? Any examples?

Thanks !

Found this info for Winforms, but not finding anything for MAUI RadDataGrid

https://docs.telerik.com/devtools/winforms/knowledge-base/gridview-drag-drop-bound-mode

https://docs.telerik.com/devtools/winforms/controls/gridview/end-user-capabilities/reordering-rows

https://docs.telerik.com/devtools/maui/controls/datagrid/columns/reordering

 

DataGrid
Didi
Telerik team
 answered on 05 Apr 2024
1 answer
10 views
Set PropertyName for TextFilterDescriptor nested property
Good afternoon, I would like to know if it is possible to use nested properties in DataGrid FilterDescriptors, as my attempts do not result in the expected behavior. Here is the sample code I am using:
<telerik:RadDataGrid x:Name="dataGrid">
   <telerik:RadDataGrid.Columns>
      <telerik:DataGridTextColumn HeaderText="Property" "PropertyName="Property.NestedProperty" />
   </telerik:RadDataGrid.Columns>
   <telerik:RadDataGrid.FilterDescriptors>
      <telerik:TextFilterDescriptor PropertyName="Property.NestedProperty" Operator="EqualsTo" Value="Value" />
   </telerik:RadDataGrid.FilterDescriptors>
</telerik:RadDataGrid>

DataGrid
Martin Ivanov
Telerik team
 answered on 29 Mar 2024
2 answers
38 views
[Android] RadGridView with too many rows crashes app

Hi,

Using VS 2022 17.10 / .NET 8.0.3 / Telerik UI for MAUI 6.8 / MAUI 8.0.10 / Android 10 (API 29)

I've got a RadGridView on a ContentPage :


 <c:NDCDataGrid
     x:Name="dataGridDetails"
     ItemsSource="{Binding DetailedData}">
     <t:RadDataGrid.Columns>
         <t:DataGridTextColumn HeaderText="Location" PropertyName="LocationName" />
         <t:DataGridTextColumn
             CellContentFormat="{}{0: dd/MM/yyyy}"
             HeaderText="Date"
             PropertyName="Date" />
         <t:DataGridTextColumn HeaderText="Count" PropertyName="Count" />
         <t:DataGridTextColumn HeaderText="Type" PropertyName="Desc" />
     </t:RadDataGrid.Columns>
 </c:NDCDataGrid>

 

My NDCDataGrid is defined like this :

 

<t:RadDataGrid
    x:Class="NDC.Mobile.Controls.NDCDataGrid"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:t="http://schemas.telerik.com/2022/xaml/maui"
    AutoGenerateColumns="False"
    CanUserReorderColumns="False"
    SelectionMode="Single"
    SelectionUnit="Row"
    UserFilterMode="Disabled">
    <t:RadDataGrid.AlternateRowBackgroundStyle>
        <AppThemeBinding>
            <AppThemeBinding.Light>
                <t:DataGridBorderStyle
                    BackgroundColor="Beige"
                    BorderColor="Black"
                    BorderThickness="1" />
            </AppThemeBinding.Light>
            <AppThemeBinding.Dark>
                <t:DataGridBorderStyle
                    BackgroundColor="DimGray"
                    BorderColor="White"
                    BorderThickness="1" />
            </AppThemeBinding.Dark>
        </AppThemeBinding>
    </t:RadDataGrid.AlternateRowBackgroundStyle>
    <t:RadDataGrid.SelectionStyle>
        <AppThemeBinding>
            <AppThemeBinding.Light>
                <t:DataGridBorderStyle
                    BackgroundColor="LightGreen"
                    BorderColor="Black"
                    BorderThickness="1" />
            </AppThemeBinding.Light>
            <AppThemeBinding.Dark>
                <t:DataGridBorderStyle
                    BackgroundColor="DarkBlue"
                    BorderColor="White"
                    BorderThickness="1" />
            </AppThemeBinding.Dark>
        </AppThemeBinding>
    </t:RadDataGrid.SelectionStyle>
</t:RadDataGrid>

 

When loading a list of 900+ elements, the app crashes 


await Task.Run(async () =>
{
    DetailedData = new ObservableCollection<MyType>(await myService.Method());
});

 

MyType is defined like this :


   public int LocationName { get; set; }

   public int Count { get; set; }

   public DateTime Date { get; set; }

   public string Desc { get; set; }

 

Java.Lang.RuntimeException: 'Canvas: trying to draw too large(119964240bytes) bitmap.'

 

 	0xFFFFFFFFFFFFFFFF in Android.Runtime.RuntimeNativeMethods.monodroid_debugger_unhandled_exception	C#
 	0x1A in Android.Runtime.JNINativeWrapper._unhandled_exception at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/Android.Runtime/JNINativeWrapper.g.cs:13,5	C#
 	0x1E in Android.Runtime.JNINativeWrapper.Wrap_JniMarshal_PPL_V at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/Android.Runtime/JNINativeWrapper.g.cs:126,26	C#
 	0x17 in System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw	C#
 	0x8C in Java.Interop.JniEnvironment.InstanceMethods.CallNonvirtualVoidMethod at /Users/runner/work/1/s/xamarin-android/external/Java.Interop/src/Java.Interop/obj/Release/net7.0/JniEnvironment.g.cs:20830,5	C#
 	0x2D in Java.Interop.JniPeerMembers.JniInstanceMethods.InvokeNonvirtualVoidMethod at /Users/runner/work/1/s/xamarin-android/external/Java.Interop/src/Java.Interop/Java.Interop/JniPeerMembers.JniInstanceMethods_Invoke.cs:93,6	C#
 	0xA6 in Android.Graphics.RecordingCanvas.DrawBitmap at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/obj/Release/net8.0/android-34/mcw/Android.Graphics.RecordingCanvas.cs:161,5	C#
 	0x68 in SkiaSharp.Views.Android.SurfaceFactory.DrawSurface	C#
 	0xCB in SkiaSharp.Views.Android.SKCanvasView.OnDraw	C#
 	0x11 in Android.Views.View.n_OnDraw_Landroid_graphics_Canvas_ at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/obj/Release/net8.0/android-34/mcw/Android.Views.View.cs:18998,4	C#
 	0x9 in Android.Runtime.JNINativeWrapper.Wrap_JniMarshal_PPL_V at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/Android.Runtime/JNINativeWrapper.g.cs:125,5	C#
 	0xF in Java.Interop.JniNativeMethods.CallNonvirtualBooleanMethodA at /Users/runner/work/1/s/xamarin-android/external/Java.Interop/src/Java.Interop/obj/Release/net7.0/JniEnvironment.g.cs:18200,4	C#
 	0x73 in Java.Interop.JniEnvironment.InstanceMethods.CallNonvirtualBooleanMethod at /Users/runner/work/1/s/xamarin-android/external/Java.Interop/src/Java.Interop/obj/Release/net7.0/JniEnvironment.g.cs:20458,4	C#
 	0x8A in Java.Interop.JniPeerMembers.JniInstanceMethods.InvokeVirtualBooleanMethod at /Users/runner/work/1/s/xamarin-android/external/Java.Interop/src/Java.Interop/Java.Interop/JniPeerMembers.JniInstanceMethods_Invoke.cs:164,7	C#
 	0x70 in Android.Views.ViewGroup.DrawChild at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/obj/Release/net8.0/android-34/mcw/Android.Views.ViewGroup.cs:2839,5	C#
 	0x4 in Microsoft.Maui.Controls.Platform.Compatibility.ShellFlyoutRenderer.DrawChild at D:\a\_work\1\s\src\Controls\src\Core\Compatibility\Handlers\Shell\Android\ShellFlyoutRenderer.cs:172,4	C#
 	0x1C in Android.Views.ViewGroup.n_DrawChild_Landroid_graphics_Canvas_Landroid_view_View_J at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/obj/Release/net8.0/android-34/mcw/Android.Views.ViewGroup.cs:2824,4	C#
 	0xD in Android.Runtime.JNINativeWrapper.Wrap_JniMarshal_PPLLJ_Z at /Users/runner/work/1/s/xamarin-android/src/Mono.Android/Android.Runtime/JNINativeWrapper.g.cs:323,5	C#

The control is unusable in this state !

Thanks.

DataGrid
Jérôme
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 15 Mar 2024
1 answer
17 views
How do you style Rad Data Grid Search Panel in Dark Mode

I have a Rad Data grid that is working fine in dark mode, but the search panel is not.  What do I need to do to style that.

This is what it looks like..  If I could just get the text to come outblak it would be acceptable

DataGrid
Yana
Telerik team
 answered on 06 Mar 2024
1 answer
21 views
DataGridColumnHeaderStyle won't let me use DynamicResource bindings

Hi there,

I am trying to style my dataGrid and I can't seem to use dynamic bindings for background colors etc. Whenever I do I get type mismatch compilation errors. 

If I switch to StaticResources it works just fine.

For app themes I obviously need these values to be dynamic. 

Any idea what I'm doing wrong here? Background styles and binding works correctly throughout the app so the binding is correct. It just doesn't want to compile for this control.

Thanks!

Angus

DataGrid
Didi
Telerik team
 answered on 29 Feb 2024
1 answer
15 views
Maui DataGrid ColumnHeader HorizontalTextAlignment "Center" doesnt work

 

Hi,

seems that the HorizontalTextAlignment="Center" isnt working for the DataGrid ColumnHeader, or at least I am unable to get it working.
For the cells it works.

NuGet Telerik.UI.for.Maui (6.7.0), latest VS2022 with latest Net8/Maui

I am new to Maui/Xaml.

Please help

Uli

Here is my MainPage.xaml and attached a screenshot of the running DataGrid:

 

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
             x:Class="MaluTogo.MainPage">

    <ContentPage.Resources>
        <telerik:DataGridColumnHeaderStyle x:Key="ColumnHeaderStyle0" HorizontalTextAlignment="Center"/>
        <telerik:DataGridTextCellStyle x:Key="ColumnCellStyle0" HorizontalTextAlignment="Center"/>
    </ContentPage.Resources>    
    
    <ScrollView>
        <VerticalStackLayout
            Padding="30,0"
            Spacing="25">

            <telerik:RadDataGrid x:Name="_radDataGridMarkets" AutoGenerateColumns="False" UserEditMode="None" UserFilterMode="Disabled" UserGroupMode="Disabled" UserSortMode="None" >
                <telerik:RadDataGrid.Columns>

                    <telerik:DataGridTextColumn PropertyName ="Symbol" HeaderText="symbol" HeaderStyle="{StaticResource ColumnHeaderStyle0}" CellContentStyle="{StaticResource ColumnCellStyle0}" />
                    <telerik:DataGridTextColumn PropertyName ="LocalTimestamp" HeaderText="time" CellContentFormat="{}{0:HH:mm:ss}" HeaderStyle="{StaticResource ColumnHeaderStyle0}"  CellContentStyle="{StaticResource ColumnCellStyle0}" />
                    <telerik:DataGridTextColumn PropertyName ="Bid" HeaderText="bid" HeaderStyle="{StaticResource ColumnHeaderStyle0}" CellContentStyle="{StaticResource ColumnCellStyle0}" />
                    <telerik:DataGridTextColumn PropertyName ="Ask" HeaderText="ask" HeaderStyle="{StaticResource ColumnHeaderStyle0}" CellContentStyle="{StaticResource ColumnCellStyle0}" />
                    <telerik:DataGridTextColumn PropertyName ="Units" HeaderText="units" HeaderStyle="{StaticResource ColumnHeaderStyle0}"  CellContentStyle="{StaticResource ColumnCellStyle0}" />

                </telerik:RadDataGrid.Columns>
            </telerik:RadDataGrid>

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

 

DataGrid
Yana
Telerik team
 answered on 21 Feb 2024
Narrow your results
Done
Selected tags
DataGrid
Tags
General Discussions
ListView
Chart
Button
ComboBox
Popup
TabView
Entry
DatePicker
CheckBox
TimePicker
DataForm
RichTextEditor
ListPicker
AutoComplete
Calendar
SideDrawer
Toolbar
TreeView
SlideView
Chat (Conversational UI)
Gauge
DockLayout
ImageEditor
Path
SegmentedControl
NumericInput
BusyIndicator
DateTimePicker
Installer and VS Extensions
Scheduler
Border
ItemsControl
Rating
Expander
SignaturePad
PDFViewer
Barcode
WrapLayout
TimeSpanPicker
MaskedEntry
Map
BadgeView
Accordion
TemplatedPicker
RangeSlider
NavigationView
Slider
ProgressBar
VS Code Extension
CollectionView
ToggleButton
TemplatedButton
AIPrompt
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
1
2 3 4 5
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how