C#•3y ago•

2 replies

✅ Getting Access To Object For Return Value Avalonia

Mek · 2023-11-08T23:21:20.302Z

```xml ```in my `HomeScreenView.axaml` file I have the code above. The ItemsControl is bound to a `List ` to which it iterates through and creates a `DataTemplate` for each contact that is stored in the database therefore inside of each `DataTemplate` is a contact. When the contact is expanded (see image) it comes with 2 buttons. One to edit the contact, and one to delete the contact. I am attempting to get access to the contact that the button click belongs to so that it can be returned. What I mean is that in my axaml file I am binding the `CommandParameter` of each button with `{Binding}` which is the contact's information that belongs to that button. In the `HomeScreenViewModel.cs` file I have ```cs using MeksPhoneBook.Models; using MeksPhoneBook.Services; using ReactiveUI; using System; using System.Diagnostics; using System.Collections.Generic; using System.Reactive; namespace MeksPhoneBook.ViewModels; public class HomeScreenViewModel : ViewModelBase { private Database _db; private readonly List _people; public HomeScreenViewModel(Database db) { _db = db; _people = _db.GetContacts(); NewContact = ReactiveCommand.Create(() => { }); FAQ = ReactiveCommand.Create(() => { }); Exit = ReactiveCommand.Create(() => { }); Edit = ReactiveCommand.Create (ReturnContact, isTrue); Delete = ReactiveCommand.Create (ReturnContact, isTrue); } public ContactModel ReturnContact(ContactModel contact) { return contact; } public void JoinDiscord() { string target = ""; Process.Start(new ProcessStartInfo(target) { UseShellExecute = true }); } public List People => _people; public ReactiveCommand NewContact { get; } public ReactiveCommand FAQ { get; } public ReactiveCommand Exit { get; } public ReactiveCommand Edit { get; } public ReactiveCommand Delete { get; } } ```I am trying to get access to that contact `{Binding}` so that when the Edit button or the Delete button is clicked, it can send the correct contact and it's information back to the `MainWindowViewModel` for this function ```cs public void ShowHomeScreen(Database db) { var vm = new HomeScreenViewModel(db); Observable.Merge( vm.NewContact .Do(_ => CreateNewUser(db)), vm.FAQ .Do(_ => ShowFAQ(db)), vm.Exit .Do(_ => Environment.Exit(0)), vm.Edit .Do(_ => EditContactScreen(db, contact)), vm.Delete .Do(_ => _db.DeleteContact(contact)) ) .Take(1) .Subscribe(); Content = vm; } ```so that it can pass that contact to where it needs to go. My problem right now is getting access to the desired contact of which button is clicked inside of the Expander so that it can be pushed back, and I am also stuck trying to figure out how to return that contact back to the `MainWindowViewModel` correctly. Thanks

<ScrollViewer>
  <ItemsControl ItemsSource="{Binding People}">
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Expander VerticalAlignment="Top" Header="{Binding FullName}">
          <StackPanel Orientation="Vertical">
            <Grid ColumnDefinitions="*,*">
              <Button Classes="InnerButton" Grid.Column="0" Content="Edit" Command="{Binding Edit}" CommandParameter="{Binding}" />
              <Button Classes="InnerButton" Grid.Column="1" Content="Delete" Command="{Binding Delete}" CommandParameter="{Binding}" />
            </Grid>

<ScrollViewer>
  <ItemsControl ItemsSource="{Binding People}">
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Expander VerticalAlignment="Top" Header="{Binding FullName}">
          <StackPanel Orientation="Vertical">
            <Grid ColumnDefinitions="*,*">
              <Button Classes="InnerButton" Grid.Column="0" Content="Edit" Command="{Binding Edit}" CommandParameter="{Binding}" />
              <Button Classes="InnerButton" Grid.Column="1" Content="Delete" Command="{Binding Delete}" CommandParameter="{Binding}" />
            </Grid>

in my

HomeScreenView.axaml

HomeScreenView.axaml

file I have the code above. The ItemsControl is bound to a

List<ContactModel>

List<ContactModel>

to which it iterates through and creates a

DataTemplate

DataTemplate

for each contact that is stored in the database therefore inside of each

DataTemplate

DataTemplate

is a contact. When the contact is expanded (see image) it comes with 2 buttons. One to edit the contact, and one to delete the contact. I am attempting to get access to the contact that the button click belongs to so that it can be returned. What I mean is that in my axaml file I am binding the

CommandParameter

CommandParameter

of each button with

{Binding}

{Binding}

which is the contact's information that belongs to that button. In the

HomeScreenViewModel.cs

HomeScreenViewModel.cs

file I have

using MeksPhoneBook.Models;
using MeksPhoneBook.Services;
using ReactiveUI;
using System;
using System.Diagnostics;
using System.Collections.Generic;
using System.Reactive;

namespace MeksPhoneBook.ViewModels;

public class HomeScreenViewModel : ViewModelBase
{
    private Database _db;
    private readonly List<ContactModel> _people;

    public HomeScreenViewModel(Database db)
    {
        _db = db;
        _people = _db.GetContacts();

        NewContact = ReactiveCommand.Create(() => { });
        FAQ = ReactiveCommand.Create(() => { });
        Exit = ReactiveCommand.Create(() => { });

        Edit = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
        Delete = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
    }

    public ContactModel ReturnContact(ContactModel contact)
    {
        return contact;
    }

    public void JoinDiscord()
    {
        string target = "";
        Process.Start(new ProcessStartInfo(target) { UseShellExecute = true });
    }

    public List<ContactModel> People => _people;

    public ReactiveCommand<Unit, Unit> NewContact { get; }
    public ReactiveCommand<Unit, Unit> FAQ { get; }
    public ReactiveCommand<Unit, Unit> Exit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Edit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Delete { get; }
}

using MeksPhoneBook.Models;
using MeksPhoneBook.Services;
using ReactiveUI;
using System;
using System.Diagnostics;
using System.Collections.Generic;
using System.Reactive;

namespace MeksPhoneBook.ViewModels;

public class HomeScreenViewModel : ViewModelBase
{
    private Database _db;
    private readonly List<ContactModel> _people;

    public HomeScreenViewModel(Database db)
    {
        _db = db;
        _people = _db.GetContacts();

        NewContact = ReactiveCommand.Create(() => { });
        FAQ = ReactiveCommand.Create(() => { });
        Exit = ReactiveCommand.Create(() => { });

        Edit = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
        Delete = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
    }

    public ContactModel ReturnContact(ContactModel contact)
    {
        return contact;
    }

    public void JoinDiscord()
    {
        string target = "";
        Process.Start(new ProcessStartInfo(target) { UseShellExecute = true });
    }

    public List<ContactModel> People => _people;

    public ReactiveCommand<Unit, Unit> NewContact { get; }
    public ReactiveCommand<Unit, Unit> FAQ { get; }
    public ReactiveCommand<Unit, Unit> Exit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Edit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Delete { get; }
}

I am trying to get access to that contact

{Binding}

{Binding}

so that when the Edit button or the Delete button is clicked, it can send the correct contact and it's information back to the

MainWindowViewModel

MainWindowViewModel

for this function

public void ShowHomeScreen(Database db)
{
    var vm = new HomeScreenViewModel(db);

    Observable.Merge(
        vm.NewContact
            .Do(_ => CreateNewUser(db)),
        vm.FAQ
            .Do(_ => ShowFAQ(db)),
        vm.Exit
            .Do(_ => Environment.Exit(0)),
        vm.Edit
            .Do(_ => EditContactScreen(db, contact)),
        vm.Delete
            .Do(_ => _db.DeleteContact(contact))
        )
        .Take(1)
        .Subscribe();
    Content = vm;
}

public void ShowHomeScreen(Database db)
{
    var vm = new HomeScreenViewModel(db);

    Observable.Merge(
        vm.NewContact
            .Do(_ => CreateNewUser(db)),
        vm.FAQ
            .Do(_ => ShowFAQ(db)),
        vm.Exit
            .Do(_ => Environment.Exit(0)),
        vm.Edit
            .Do(_ => EditContactScreen(db, contact)),
        vm.Delete
            .Do(_ => _db.DeleteContact(contact))
        )
        .Take(1)
        .Subscribe();
    Content = vm;
}

so that it can pass that contact to where it needs to go. My problem right now is getting access to the desired contact of which button is clicked inside of the Expander so that it can be pushed back, and I am also stuck trying to figure out how to return that contact back to the

MainWindowViewModel

MainWindowViewModel

correctly. Thanks

C#•3y ago•

2 replies

Mek

✅ Getting Access To Object For Return Value Avalonia

<ScrollViewer>
  <ItemsControl ItemsSource="{Binding People}">
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Expander VerticalAlignment="Top" Header="{Binding FullName}">
          <StackPanel Orientation="Vertical">
            <Grid ColumnDefinitions="*,*">
              <Button Classes="InnerButton" Grid.Column="0" Content="Edit" Command="{Binding Edit}" CommandParameter="{Binding}" />
              <Button Classes="InnerButton" Grid.Column="1" Content="Delete" Command="{Binding Delete}" CommandParameter="{Binding}" />
            </Grid>

<ScrollViewer>
  <ItemsControl ItemsSource="{Binding People}">
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Expander VerticalAlignment="Top" Header="{Binding FullName}">
          <StackPanel Orientation="Vertical">
            <Grid ColumnDefinitions="*,*">
              <Button Classes="InnerButton" Grid.Column="0" Content="Edit" Command="{Binding Edit}" CommandParameter="{Binding}" />
              <Button Classes="InnerButton" Grid.Column="1" Content="Delete" Command="{Binding Delete}" CommandParameter="{Binding}" />
            </Grid>

in my

HomeScreenView.axaml

HomeScreenView.axaml

file I have the code above. The ItemsControl is bound to a

List<ContactModel>

List<ContactModel>

to which it iterates through and creates a

DataTemplate

DataTemplate

for each contact that is stored in the database therefore inside of each

DataTemplate

DataTemplate

CommandParameter

CommandParameter

of each button with

{Binding}

{Binding}

which is the contact's information that belongs to that button. In the

HomeScreenViewModel.cs

HomeScreenViewModel.cs

file I have

using MeksPhoneBook.Models;
using MeksPhoneBook.Services;
using ReactiveUI;
using System;
using System.Diagnostics;
using System.Collections.Generic;
using System.Reactive;

namespace MeksPhoneBook.ViewModels;

public class HomeScreenViewModel : ViewModelBase
{
    private Database _db;
    private readonly List<ContactModel> _people;

    public HomeScreenViewModel(Database db)
    {
        _db = db;
        _people = _db.GetContacts();

        NewContact = ReactiveCommand.Create(() => { });
        FAQ = ReactiveCommand.Create(() => { });
        Exit = ReactiveCommand.Create(() => { });

        Edit = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
        Delete = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
    }

    public ContactModel ReturnContact(ContactModel contact)
    {
        return contact;
    }

    public void JoinDiscord()
    {
        string target = "";
        Process.Start(new ProcessStartInfo(target) { UseShellExecute = true });
    }

    public List<ContactModel> People => _people;

    public ReactiveCommand<Unit, Unit> NewContact { get; }
    public ReactiveCommand<Unit, Unit> FAQ { get; }
    public ReactiveCommand<Unit, Unit> Exit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Edit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Delete { get; }
}

using MeksPhoneBook.Models;
using MeksPhoneBook.Services;
using ReactiveUI;
using System;
using System.Diagnostics;
using System.Collections.Generic;
using System.Reactive;

namespace MeksPhoneBook.ViewModels;

public class HomeScreenViewModel : ViewModelBase
{
    private Database _db;
    private readonly List<ContactModel> _people;

    public HomeScreenViewModel(Database db)
    {
        _db = db;
        _people = _db.GetContacts();

        NewContact = ReactiveCommand.Create(() => { });
        FAQ = ReactiveCommand.Create(() => { });
        Exit = ReactiveCommand.Create(() => { });

        Edit = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
        Delete = ReactiveCommand.Create<ContactModel, ContactModel>(ReturnContact, isTrue);
    }

    public ContactModel ReturnContact(ContactModel contact)
    {
        return contact;
    }

    public void JoinDiscord()
    {
        string target = "";
        Process.Start(new ProcessStartInfo(target) { UseShellExecute = true });
    }

    public List<ContactModel> People => _people;

    public ReactiveCommand<Unit, Unit> NewContact { get; }
    public ReactiveCommand<Unit, Unit> FAQ { get; }
    public ReactiveCommand<Unit, Unit> Exit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Edit { get; }
    public ReactiveCommand<ContactModel, ContactModel> Delete { get; }
}

I am trying to get access to that contact

{Binding}

{Binding}

so that when the Edit button or the Delete button is clicked, it can send the correct contact and it's information back to the

MainWindowViewModel

MainWindowViewModel

for this function

public void ShowHomeScreen(Database db)
{
    var vm = new HomeScreenViewModel(db);

    Observable.Merge(
        vm.NewContact
            .Do(_ => CreateNewUser(db)),
        vm.FAQ
            .Do(_ => ShowFAQ(db)),
        vm.Exit
            .Do(_ => Environment.Exit(0)),
        vm.Edit
            .Do(_ => EditContactScreen(db, contact)),
        vm.Delete
            .Do(_ => _db.DeleteContact(contact))
        )
        .Take(1)
        .Subscribe();
    Content = vm;
}

public void ShowHomeScreen(Database db)
{
    var vm = new HomeScreenViewModel(db);

    Observable.Merge(
        vm.NewContact
            .Do(_ => CreateNewUser(db)),
        vm.FAQ
            .Do(_ => ShowFAQ(db)),
        vm.Exit
            .Do(_ => Environment.Exit(0)),
        vm.Edit
            .Do(_ => EditContactScreen(db, contact)),
        vm.Delete
            .Do(_ => _db.DeleteContact(contact))
        )
        .Take(1)
        .Subscribe();
    Content = vm;
}

MainWindowViewModel

MainWindowViewModel

correctly. Thanks

✅ Getting Access To Object For Return Value Avalonia

✅ Getting Access To Object For Return Value Avalonia

Similar Threads

Similar Threads

Similar Threads