Topics

C#•3mo ago

✅ Avalonia not showing rows in datagrid

There are no rows in my datagrid in Avalonia, the headers are visible. I've checked if my list is empty, but it isn't. There are also no errors, even when I change the bindings to bindings that don't exist. I did include the Datagrid package and reference in App.AXAML. It is the same issue as in https://discord.com/channels/143867839282020352/1113257710595616819. Help would be appreciated.

Discord

Discord - A New Way to Chat with Friends & Communities

Discord is the easiest way to communicate over voice, video, and text. Chat, hang out, and stay close with your friends and communities.

108 Replies

Jimmacle•3mo ago

do you have the source code and screenshots of the issue?

randomrider•3mo ago

ObservableCollection<BEURTINFO> BeurtenGRID {get;} = new ObservableCollection<BEURTINFO>();//in top of code
//in function
for (int i = 0; i < jsonObj.Length; i++)//jsonObj is the parsed JSON string from server
{
BeurtenGRID.Add(new BEURTINFO( jsonObj[i].username, formatTime(Convert.ToInt32(jsonObj[i].time)).ToString(), jsonObj[i].devices.ToString()));
}
//bottom of code
public class BEURTINFO
{
 public string Username { get; set; }
 public string Time { get; set; }
 public string Devices { get; set; }
 public BEURTINFO(string username, string time, string devices) { 
  Username = username;
  Time = time; 
  Devices = devices; 
 }
}

ObservableCollection<BEURTINFO> BeurtenGRID {get;} = new ObservableCollection<BEURTINFO>();//in top of code
//in function
for (int i = 0; i < jsonObj.Length; i++)//jsonObj is the parsed JSON string from server
{
BeurtenGRID.Add(new BEURTINFO( jsonObj[i].username, formatTime(Convert.ToInt32(jsonObj[i].time)).ToString(), jsonObj[i].devices.ToString()));
}
//bottom of code
public class BEURTINFO
{
 public string Username { get; set; }
 public string Time { get; set; }
 public string Devices { get; set; }
 public BEURTINFO(string username, string time, string devices) { 
  Username = username;
  Time = time; 
  Devices = devices; 
 }
}

No description

randomrider•3mo ago

<Design.DataContext>
<vm:MainViewModel></vm:MainViewModel>
</Design.DataContext>
<DataGrid Loaded="DataGrid_Loaded"
      ItemsSource="{Binding BeurtenGRID}"
      x:Name="beurtenGrid"
      Margin="20"
      IsReadOnly="False"
      CanUserReorderColumns="False"
      CanUserResizeColumns="False"
      CanUserSortColumns="True"
      GridLinesVisibility="All"
      BorderThickness="1" BorderBrush="Gray">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Gebruikersnaam"  Binding="{Binding Username}" Width="300" />
                        <DataGridTextColumn Header="Duratief/Data" Binding="{Binding Time}" Width="200"/>
                        <DataGridTextColumn Header="Aantal apparaten" Binding="{Binding Devices}" Width="200">
                </DataGrid.Columns>
</DataGrid>

<Design.DataContext>
<vm:MainViewModel></vm:MainViewModel>
</Design.DataContext>
<DataGrid Loaded="DataGrid_Loaded"
      ItemsSource="{Binding BeurtenGRID}"
      x:Name="beurtenGrid"
      Margin="20"
      IsReadOnly="False"
      CanUserReorderColumns="False"
      CanUserResizeColumns="False"
      CanUserSortColumns="True"
      GridLinesVisibility="All"
      BorderThickness="1" BorderBrush="Gray">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Gebruikersnaam"  Binding="{Binding Username}" Width="300" />
                        <DataGridTextColumn Header="Duratief/Data" Binding="{Binding Time}" Width="200"/>
                        <DataGridTextColumn Header="Aantal apparaten" Binding="{Binding Devices}" Width="200">
                </DataGrid.Columns>
</DataGrid>

Jimmacle•3mo ago

what is the height of the data grid (using the debug tools)? are you sure it actually has room to display the table? or try specifying a fixed height to see if that makes a difference

randomrider•3mo ago

I changed the height and still nothing

No description

leowest•3mo ago

did u add the styles in the resources?

randomrider•3mo ago

yes i did in app.axaml

leowest•3mo ago

App.axaml needs to have

<StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml" />

<StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml" />

ok

randomrider•3mo ago

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="GIP_av.App"
             RequestedThemeVariant="Light">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->

    <Application.Styles>
        <FluentTheme />
        <StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml"/>
    </Application.Styles>
</Application>

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="GIP_av.App"
             RequestedThemeVariant="Light">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->

    <Application.Styles>
        <FluentTheme />
        <StyleInclude Source="avares://Avalonia.Controls.DataGrid/Themes/Fluent.xaml"/>
    </Application.Styles>
</Application>

leowest•3mo ago

mmm could it be a color issue? can u set the background to say black or the columns text color to black I've had that issue on my example

randomrider•3mo ago

in the documentation it says that it uses MVVM for biding, could it be that?

leowest•3mo ago

I mean it depends on your code I would need to see more of your project to tell if you're using MVVM or not but the fact your using ObservableCollection assuming that is a ViewModel or in the DataContext it should load can you show me an image of your solution explorer so I can see what u have in there preferable with the folders collapsed

leowest•3mo ago

if u have something like this

No description

leowest•3mo ago

changes are u already have the MVVM hooked and just didnt know

randomrider•3mo ago

No description

leowest•3mo ago

ok so you only have MVVM set for 1 view

leowest•3mo ago

can u show me the code for these 2 files

leowest•3mo ago

and

leowest•3mo ago

No description

leowest•3mo ago

please use the site below to $paste it

MODiX•3mo ago

If your code is too long, you can post to https://paste.mod.gg/ and copy the link into chat for others to see your shared code!

randomrider•3mo ago

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="GIP_av.BeurtenBekijken"
        xmlns:vm="using:GIP_av.ViewModels"
        Title="BeurtenBekijken"
        ExtendClientAreaToDecorationsHint="True"
        ExtendClientAreaChromeHints="NoChrome"
        ExtendClientAreaTitleBarHeightHint="-1"
        WindowState="Maximized"
        SystemDecorations="BorderOnly">
    <StackPanel>
        <Design.DataContext>
            <vm:MainViewModel></vm:MainViewModel>
        </Design.DataContext>
        <DataGrid Loaded="DataGrid_Loaded"
      ItemsSource="{Binding BeurtenGRID}"
      x:Name="beurtenGrid"
      Margin="20"
      IsReadOnly="False"
      CanUserReorderColumns="False"
      CanUserResizeColumns="False"
      CanUserSortColumns="True"
      GridLinesVisibility="All"
      BorderThickness="1" BorderBrush="Gray"
                  Height="300">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Gebruikersnaam"  Binding="{Binding Username}"
                                    Width="300" Foreground="Black" />
                <DataGridTextColumn Header="Duratief/Data" Binding="{Binding Time}" 
                                    Width="200"/>
                <DataGridTextColumn Header="Aantal apparaten" Binding="{Binding Devices}" 
                                    Width="200"/>
            </DataGrid.Columns>
        </DataGrid>
        <Button
    Click="Sluiten_Click"
    FontSize="18"
    HorizontalAlignment="Center"
    VerticalAlignment="Bottom"
            >Sluiten</Button>
    </StackPanel>
</Window>

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="GIP_av.BeurtenBekijken"
        xmlns:vm="using:GIP_av.ViewModels"
        Title="BeurtenBekijken"
        ExtendClientAreaToDecorationsHint="True"
        ExtendClientAreaChromeHints="NoChrome"
        ExtendClientAreaTitleBarHeightHint="-1"
        WindowState="Maximized"
        SystemDecorations="BorderOnly">
    <StackPanel>
        <Design.DataContext>
            <vm:MainViewModel></vm:MainViewModel>
        </Design.DataContext>
        <DataGrid Loaded="DataGrid_Loaded"
      ItemsSource="{Binding BeurtenGRID}"
      x:Name="beurtenGrid"
      Margin="20"
      IsReadOnly="False"
      CanUserReorderColumns="False"
      CanUserResizeColumns="False"
      CanUserSortColumns="True"
      GridLinesVisibility="All"
      BorderThickness="1" BorderBrush="Gray"
                  Height="300">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Gebruikersnaam"  Binding="{Binding Username}"
                                    Width="300" Foreground="Black" />
                <DataGridTextColumn Header="Duratief/Data" Binding="{Binding Time}" 
                                    Width="200"/>
                <DataGridTextColumn Header="Aantal apparaten" Binding="{Binding Devices}" 
                                    Width="200"/>
            </DataGrid.Columns>
        </DataGrid>
        <Button
    Click="Sluiten_Click"
    FontSize="18"
    HorizontalAlignment="Center"
    VerticalAlignment="Bottom"
            >Sluiten</Button>
    </StackPanel>
</Window>

leowest•3mo ago

post it to the link pls easier to read since its multiple files

randomrider•3mo ago

ok

leowest•3mo ago

or if u have github u can push and i can check your github too either way works

randomrider•3mo ago

i pasted it in the link

leowest•3mo ago

u click save then u copy and paste the url

randomrider•3mo ago

https://paste.mod.gg/rndklfgizixx/0

BlazeBin - rndklfgizixx

A tool for sharing your source code with the world!

leowest•3mo ago

where is the rest? its 6 files

randomrider•3mo ago

oh sorry only read the first messege

leowest•3mo ago

but yeah you're not using MVVM you're using code behind at least for the file u sent in

randomrider•3mo ago

how do i use mvvm then?

leowest•3mo ago

I will check the other files and then I will try to explain I am trying to figure out how are u managing the views for now

randomrider•3mo ago

https://paste.mod.gg/zuoxcpvvjbwm/4 here are the files

BlazeBin - zuoxcpvvjbwm

A tool for sharing your source code with the world!

leowest•3mo ago

did u change in the

randomrider•3mo ago

i just use the name property like 'x:Name'

leowest•3mo ago

ok so did u change in the App.axaml.cs the window it was loading? because otherwise when u run you app it would open MainWindow and not BeurtenBekijken

randomrider•3mo ago

no because the mainwindow is meant to be opened first and from that window you can open other windows

randomrider•3mo ago

https://github.com/JerkoLannoo/GIP_avalonia here is the entire source code

GitHub

GitHub - JerkoLannoo/GIP_avalonia: GIP terminal Avalonia

GIP terminal Avalonia. Contribute to JerkoLannoo/GIP_avalonia development by creating an account on GitHub.

leowest•3mo ago

am I blind I dont see where u open it ok thx let me check AH ok found it

randomrider•3mo ago

it opens from 'dashboard.axaml'

leowest•3mo ago

ok yeah so you're writing this as if it was winform that is not normally how u work with xaml

randomrider•3mo ago

yes

leowest•3mo ago

this is normally how it goes down MainWindow -- this is just a shell |-- MainView -- this is the main page that open inside the shell MainWindow So you would have a navigation on either your MainWindow or MainView where u would open the new pages u dont normally open completely new windows like u do in winforms with WPF/Avalonia that's why I was a bit confused but that aside as for MVVM, you have your View, then you Have the ViewModel, and then you bind the 2 together via the DataContext so usually u dont write code in the axaml.cs just in some scenarios so in your case in the file BeurtenBekijken you could do

public BeurtenBekijken()
{
    DataContext = this;
    InitializeComponent();
}

public BeurtenBekijken()
{
    DataContext = this;
    InitializeComponent();
}

and your binding should work its not the best approach but given how u've gone so far its way too much for me help u fix to go back to right MVVM and how to write xaml

randomrider•3mo ago

thanks! this worked for me! i write my code this way because i am used to winforms and i just need something that runs fast on a raspberry pi

leowest•3mo ago

I strongly suggest u tried writing another simpler project following MVVM u will see how much easier it is and how it improves your code 10 fold yeah I understood that, but its a shame at the same time because you're losing a lot doing so in that manner $close

MODiX•3mo ago

Use the /close command to mark a forum thread as answered

randomrider•3mo ago

so you can just access the axaml elements directly from c# then?

leowest•3mo ago

yes but then u break MVVM completly by naming the controls i.e.: like U said earlier... x:Name="Something" MVVM is really not that hard, but if you're coming from winform its not simple to digest

randomrider•3mo ago

ok, but i'll first try to finish to program this way, and than try to use mvvm, since most of the UI is static

leowest•3mo ago

that's fair reason why I showed how to apply the DataContext with what u had 😉

randomrider•3mo ago

ok, thank again for the help! Maybe I should use the MVVM method, because now it can't compile because it can't find tje bindings.

leowest•3mo ago

what is the error message

randomrider•3mo ago

Avalonia error AVLN:0004: Unab le to resolve suitable regular or attached property ItemsSource on type Avalonia.Controls.DataGrid:Avalonia.Controls.Da taGrid Line 15, position 4.

leowest•3mo ago

did u update your github iwth the latest changes? that is on the datagrid file right?

randomrider•3mo ago

yes

leowest•3mo ago

are u sure it s up to date?

randomrider•3mo ago

i've just updated it in github

leowest•3mo ago

ok try cleaning and rebuilding your solution

randomrider•3mo ago

i get the same error it does build fine though

leowest•3mo ago

it builds without error and fails when u run?

randomrider•3mo ago

no, it builds and runs fine but when i compile for arm64 linuc in cmd it throws that error

leowest•3mo ago

TIP: next time when its working, commit, then keep working. Do small git commits so u can evaluate changes that could have broken things dont write 2k lines of code to commit commit in small chunks did A, its working, commit ah ok that is a different problem you have libraries that are specific to windows u have to change that

randomrider•3mo ago

but when i don't include the binding it compiles just fine it is this line: "ItemsSource="{Binding BeurtenGRID}""

leowest•3mo ago

https://www.nuget.org/packages/QrCode.Net

QrCode.Net 0.4.0

.Net QrCode Encoder

leowest•3mo ago

bad if that was the case it would not work on windows either

leowest•3mo ago

https://www.nuget.org/packages/Zen.Barcode.Rendering.Framework

Zen.Barcode.Rendering.Framework 3.1.10729.1

Barcode Rendering Framework Release.3.1.10729 from http://barcoderender.codeplex.com/ 30th June 2014 The bar-code rendering framework quite simply encapsulates the native rendering of barcode symbologies without requiring third-party fonts. The framework makes it easy to define new symbologies and use the resultant images from web or forms appl...

leowest•3mo ago

you have a few libraries that do not run on linux so start by removing those and elimitate the possibilities

randomrider•3mo ago

ok

leowest•3mo ago

also remove this to avoid confusion as well x:Name="beurtenGrid" since you're not using it

randomrider•3mo ago

ok

leowest•3mo ago

check your Error List for any other warnings about libraries that work on windows only I think it will be NU.... error

leowest•3mo ago

leowest•3mo ago

it will show like that so basically anything that specifically targets .net framework relies on api's exclusive to windows and will not run on linux or mac etc

randomrider•3mo ago

github is updated

leowest•3mo ago

ok did u remvoe all the libraries that had the issue mentioned in the image above? think there was 3 or 4

randomrider•3mo ago

yes, no nuget errors anymore

leowest•3mo ago

ok and u still get that binding error on linux?

randomrider•3mo ago

yes

leowest•3mo ago

are u publishing? what options did u select

randomrider•3mo ago

this is the command:

dotnet build "./GIP_av.Desktop.csproj" -c Release -r linux-arm64 -v q /clp:ErrorsOnly

dotnet build "./GIP_av.Desktop.csproj" -c Release -r linux-arm64 -v q /clp:ErrorsOnly

leowest•3mo ago

then u zipped the linux-arm64 folder and unzipped the whole thing on your linux?

randomrider•3mo ago

no, i build for linux on my windows pc and move it to linux and than run it on linux

leowest•3mo ago

yes but you move the whole fodler with all the files inside of it not tjust theg exe or dll right

leowest•3mo ago

No description

leowest•3mo ago

No description

leowest•3mo ago

u need all the files inside

randomrider•3mo ago

yes i do that, but i get an error when compiling it for linux on my windows pc

leowest•3mo ago

mmm

randomrider•3mo ago

so the linux-arm folder doesnt update

leowest•3mo ago

ok let me check ah I think I see the issue moment ok open your Desktop csproj and remove this line

      <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.0.2" />

      <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.0.2" />

it will only leave 1 line inside the itemsgroup then rigth click your GIP_av project and open nuget and install the datagrid there then clean/rebuild then u should be able to build to arm64

leowest•3mo ago

No description

randomrider•3mo ago

yes it worked

leowest•3mo ago

👍 so basically it was nothing to do with the binding but the library being on the wrong project causing it to not recognize the control properties

randomrider•3mo ago

but how did it manage to run on windows then?

leowest•3mo ago

¯\_(ツ)_/¯ magic maybe because you were running on debug mode and for whatever reason in debug it just works on windows either way u dont want to add anything to Desktop project UNLESS is code specifically to run from it anything else should be on the library project as its what gets run on everything out of curiosity does it run on your raspberry?

randomrider•3mo ago

yes, and pretty fast

leowest•3mo ago

nice to know I have one myself but never ran avalonia on it so its all working now?

randomrider•3mo ago

yes, but there is one visual bug. It shows one row, and then when you scroll it shows the rest and makes the table bigger

randomrider•3mo ago

No description

No description

leowest•3mo ago

make sure u commit the last changes u did since building its working now 😉 well u dont define a height maybe if u do it might render differently Ah I see because its StackPanel change that to a Grid and see if it changes

randomrider•3mo ago

yes but then the margin top is too big, so i'll just use stackpanel width datagrid on fixed height

leowest•3mo ago

well u will have rendering issues then its not a visual bug but how stackpanel works to render things with grid all u have to do is split into 2 rows give the first * and the second however much space u want to give your button add Grid.Row="1" to your button and that's it

randomrider•3mo ago

yes that worked

leowest•3mo ago

👍

randomrider•3mo ago

thanks for your help (again)!

leowest•3mo ago

no worries just a reminder you should really start a fresh project later and learn MVVM with AValonia and Community Toolkit u will much easier all of waht u did turns into and how much cleaner the codes turns as well

randomrider•3mo ago

ok, i will definitely look into that

We are a programming server aimed at coders discussing everything related to C# (CSharp) and .NET.

52KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Infinite loop```c# /// ------------------------------------------------------------ /// <summary> /// Creates a s How to connect my c# backend with the frontend?Hello, I created a ASP NET Core Web Api project with the command dotnet new webapi -minimal. In my ✅ Using `Func<ReadOnlySpan<char>,bool>` but not allowed due to Pointer TypeI am building a parser, and performance is of concern. So instead of allocating infinite strings whe concurrency and atomicity Asp.net core web api and efcorelet's say there's an endpoint called AssingUser() ,this endpoint assigns one donation to this curren Building a generic repository for mongodbhello folks I was thinking build a generic repository structure for mongodb. but someday if i want Reading large xml file from archive by using XmlReader in Parallel modeHello 👋. I am looking for how can I read data from archive xml file in Parallel mode. I have archi Resizing the Console window - Console ApplicationHi there, I'm trying to resize the console window in a Console Application. I have tried multiple ✅ Creating a datetime with a timezoneHow do I create a `DateTime` with `new DateTime(2010, 05, 12);` and give it a specific `TimeZoneInfo Custom Newtonsoft JSON deserializationI have a dictionary where: - The key will always be a string - The value will be either: - string Issue with Form.Close() in WinformsI have a custom form called CustomMessageBox In that form, I have a method that defines a button cl