Topics

C#•3w ago

Somgör from Human Resources

✅ Help with Avalonia databinding and library objects on ViewModels

Lets say I have an API Client that allows me to fetch data like chats, messages etc That API Client responds with a List of the object which i use to construct my component (in this case for example a chat with a simple name, user icon and last message sent in it) Now i bind the <ItemsControl> to my List of fetched chats and set the datatemplate to my Chat component But now in my ViewModel class for said Chat i need to access the current chat that is being used to construct my View (the chat component) so i can further manipulate and process it

55 Replies

leowest•3w ago

You would have that List fill a ObservableCollection and u would bind it to the ItemSource of your ItemsControl

Somgör from Human Resources•3w ago

Yes I have an ObservableCollection of the type of my Chats that my view binds the Items Control to I'll show you the code in a moment I'm running a system update rn lmao

leowest•3w ago

<ItemsControl ItemsSource="{Binding Chats}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <Border Margin="0,10,0,0"
          CornerRadius="5"
          BorderBrush="Gray" BorderThickness="1"
          Padding="5">
        <StackPanel Orientation="Horizontal">
          <Image Source="{Binding Icon}"/>
          <TextBlock Margin="5 0" FontWeight="Bold" 
                      Text="{Binding Username}"/>
          <TextBlock Margin="5 0"
                      Text="{Binding Message}"/>
        </StackPanel>
      </Border>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

<ItemsControl ItemsSource="{Binding Chats}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <Border Margin="0,10,0,0"
          CornerRadius="5"
          BorderBrush="Gray" BorderThickness="1"
          Padding="5">
        <StackPanel Orientation="Horizontal">
          <Image Source="{Binding Icon}"/>
          <TextBlock Margin="5 0" FontWeight="Bold" 
                      Text="{Binding Username}"/>
          <TextBlock Margin="5 0"
                      Text="{Binding Message}"/>
        </StackPanel>
      </Border>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

Somgör from Human Resources•3w ago

The thing is That List / the data template refers to a View that I have seperated to keep that chat component Re usable cause it's very likely I'll use that again in the project

leowest•3w ago

<ItemsControl ItemsSource="{Binding Chats}" >
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <view:ChatComponent/>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

<ItemsControl ItemsSource="{Binding Chats}" >
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <view:ChatComponent/>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

Somgör from Human Resources•3w ago

Yes like that My laptop is back on I'll share my code in a moment

leowest•3w ago

it should inherit the context from the itemssource

Somgör from Human Resources•3w ago

this is the part that fetches my data (in this case its Communities but it serves the example just as well)

No description

Somgör from Human Resources•3w ago

this is the view that should display the data

No description

leowest•3w ago

u should do none of that in your constructor

Somgör from Human Resources•3w ago

hm where would you recomment i do that

leowest•3w ago

a load event or onopen or something

Somgör from Human Resources•3w ago

this is my commponent view along with its viewmodel

No description

No description

Somgör from Human Resources•3w ago

and inside of that components ViewModel i need to somehow fetch the current chat / community

leowest•3w ago

u shouldn't have a vm for that if its inheriting

Somgör from Human Resources•3w ago

uh wym

leowest•3w ago

if u do it will overwrite the inherited context

Somgör from Human Resources•3w ago

ah so like

leowest•3w ago

this is my commponent view along with its viewmodel

Somgör from Human Resources•3w ago

i can bind the object and if i give the member name of the object it will assign it

leowest•3w ago

No description

Somgör from Human Resources•3w ago

?

leowest•3w ago

you're already giving it a context if u add a vm to it with a viewlocator it will overwrite that and u lose the former

Somgör from Human Resources•3w ago

what should i be doing

leowest•3w ago

not giving it a vm

Somgör from Human Resources•3w ago

so i can safely delete the VM class for it?

leowest•3w ago

if its a dumb usercontrol then it doesnt need a vm not sure what safely means

Somgör from Human Resources•3w ago

delete it and it still works properly

leowest•3w ago

it should, I wouldn't name it a view thou its not

Somgör from Human Resources•3w ago

but where could i handle the component? in its codebehind?

leowest•3w ago

handle what?

Somgör from Human Resources•3w ago

cause i need to download / fetch the image from an URL first before setting it

leowest•3w ago

in your service either give the url to Source and let avalonia handle it or make it a stream or something usable and feed it that

Somgör from Human Resources•3w ago

this is my plan: -> fetch communities -> each community fetches its image and stores it in a cache folder -> set image can avalonia handle URLs? :plink:

leowest•3w ago

wpf is like 20 years old and can why wouldn't avalonia

Somgör from Human Resources•3w ago

:soPortuguese: and in my Component View axaml i can just access the members of the object it has the datatype of? cause it wont show up with any auto completion or anything

leowest•3w ago

yes u should be able to set the datatype in the datatemplate and in the axaml

Somgör from Human Resources•3w ago

i mean like my Community object has a member called CommunityName which is a string

Somgör from Human Resources•3w ago

does this mean this is valid in my component because the data template is my community?

No description

leowest•3w ago

x:DataType="model:Community" yes it inherits it but u can further define it as well

Somgör from Human Resources•3w ago

i cant access the namespace the object is in

leowest•3w ago

why not

Somgör from Human Resources•3w ago

it says it cant resolve my namespace from https://github.com/avaloniaui

leowest•3w ago

well I would need more info that just that

Somgör from Human Resources•3w ago

me too :SCgetoutofmyhead:

Somgör from Human Resources•3w ago

trying to set the DataType in my component view

No description

leowest•3w ago

post your community post your xmlns

Somgör from Human Resources•3w ago

uh ah :SCgetoutofmyhead: i got it working i didnt set an xmlns that references the Objects namespace

leowest•3w ago

well there u go

Somgör from Human Resources•3w ago

:soPortuguese: btw i get what Binding does

Somgör from Human Resources•3w ago

but what does it mean when i dont pass anything behind Binding?

leowest•3w ago

tbh u dont need that that is just like explicitly saying it will inherit the context of the itemssource

Somgör from Human Resources•3w ago

aaah i see

leowest•3w ago

which it does implicitly

Somgör from Human Resources•3w ago

and i dont need it cause it does it automatically? ah yeees thank youuu

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

✅ How can I change this codepublic partial class Form1 : Form { string to be monitored="BITS"; int sirano = ✅ Problem with Data BindingOkay so I'm using Items Control to populate a bunch of Expanders, the expander header is supposed to ✅ Automate test data generationI want to emulate a database where records get added, updated etc. Thinking about using EF Core to d ✅ Dependency injectionwhere the dependencies are injected into the constructor. Can someone explain to me less formally so does anybody know how to use mica title bar in winui3?c#KMP-Algorithm in C#So my classmate and I attended a bad lecture about the Knuth-Morris-Pratt (KMP) Algorithm which left ✅ Malformed input: 321 is an invalid input lengthI'm working with Asp.Net Core Identity. I use `GeneratePasswordResetTokenAsync(user)` to generate to get the last richtextboxhi, i'm working in my project, and i'm currently doing a undo button. i'll use the .Undo() method, b Why do you need to use else statements?Sorry if this is a dumb question, I am still new but wouldn't ```C# if(answer = true) { Console.Writ How to set a variable = to itself + another variableHello, im completely new to C#, and still trying to learn the basics, I'm trying to create an averag