MVVM Jak to zrobić ?

MVVM Jak to zrobić ?
A6
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:17
0

Witam,

W między czasie pojawił się jeszcze jeden problem ze zrozumieniem tematu. Może ktoś by podpowiedział co jest źle ?

Mam taki kod opisany poniżej :

w pliku XAML (VIEW) mam coś takiego:

Kopiuj
<UserControl x:Class="Procject1.View.DataAdd"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:mui="http://firstfloorsoftware.com/ModernUI"
             xmlns:vm="clr-namespace:Procject1.ViewModel"
             mc:Ignorable="d" 
             x:Name="DataAddDialog"
             d:DesignHeight="491" d:DesignWidth="600">
    <Grid Loaded="Grid_Loaded_1" Height="525" VerticalAlignment="Top">
        <Grid.RowDefinitions>
            <RowDefinition Height="415" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="0*"/>
            <RowDefinition Height="9*"/>
            <RowDefinition Height="2*"/>
            <RowDefinition Height="34*"/>
        </Grid.RowDefinitions>
        <TextBlock Style="{StaticResource Heading2}" Text="Parametry danych" Margin="15,10,0,7" Grid.Row="0" Foreground="Black" />
        <ScrollViewer Grid.Row="0" Margin="50,43,10,16">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="10" />
                    <RowDefinition Height="40" />
                    <RowDefinition Height="40" />
                </Grid.RowDefinitions>
                <StackPanel Name="Aggregate1" Grid.Row="1">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20" /> 
                            <ColumnDefinition Width="120" />
                            <ColumnDefinition Width="30" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="40" />
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="30" />
                        </Grid.ColumnDefinitions>
                        <Label Content="Dana 1" Grid.Column="1" Margin="10,10,10,10"/>
                        <TextBox Name="param1" Text="{Binding MED1}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Right" Width="95" Grid.Column="3" Margin="0,10,0,10" Background="White" Foreground="Blue" HorizontalAlignment="Right" />
                        <CheckBox Name="chk1" IsChecked="False" Grid.Column="5" HorizontalAlignment="Center" Visibility="{Binding Moisture}"/>
                        <TextBox Name="sndA1" Text="0.00" TextAlignment="Right" Width="95" Grid.Column="7" Margin="0,10,0,10" Background="White" Foreground="Black" HorizontalAlignment="Right" IsEnabled="False"/>
                    </Grid>
                </StackPanel>
                <StackPanel Name="Aggregate2" Grid.Row="2">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="120" />
                            <ColumnDefinition Width="30" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="40" />
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="30" />
                        </Grid.ColumnDefinitions>
                        <Label Content="Dana 2" Grid.Column="1" Margin="10,10,10,10"/>
                        <TextBox x:Name="param2" Text=Text="{Binding MED2}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Right" Width="95" Grid.Column="3" Margin="0,10,0,10" Background="White" Foreground="Blue" HorizontalAlignment="Right" />
                        <CheckBox x:Name="chk2" IsChecked="False" Grid.Column="5" HorizontalAlignment="Center"/>
                        <TextBox x:Name="snd2" Text="0.00" TextAlignment="Right" Width="95" Grid.Column="7" Margin="0,10,0,10" Background="White" Foreground="Black" HorizontalAlignment="Right" IsEnabled="False"/>
                    </Grid>
                </StackPanel>
            </Grid>
        </ScrollViewer>
    </Grid>
</UserControl>
</CODE>
W pliku modelu mam tak:
```csharp
using System;
using System.ComponentModel;
using Modbus;
using System.Threading.Tasks;

namespace Procject1.Model
{
    public class DaneModel : INotifyPropertyChanged
    {
        #region Fields

        private double _mrs1;
        private double _mrs2;

        private double _med1;
        private double _med2;

        #endregion
        #region INotifyPropertyChangedImplementation

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string PropertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(PropertyName));
        }

        #endregion
        #region Properties

        public double MRS1
        {
            get { return _mrs1; }
            set { _mrs1 = value; OnPropertyChanged("MSR1"); }
        }
        public double MRS2
        {
            get { return _mrs2; }
            set { _mrs2 = value; OnPropertyChanged("MSR2"); }
        }

        public bool CBRS1 { get; set; }
        public bool CBRS2 { get; set; }

        public double MED1
        {
            get { return _med1; }
            set { _med1 = value; OnPropertyChanged("MED1"); }
        }
        public double MED2
        {
            get { return _med2; }
            set { _med2 = value; OnPropertyChanged("MED2"); }
        }
        #endregion
        #region Constructor
        public DaneModel()
        {
            MED1 = 0.00; MED2 = 0.00; 
            DataFromOther(2); // Pobiera dane dla MRS1 = wartość1; MRS2 = wartość2;
        }

        #endregion
	
	private void DataFromOther(int licznik)
	{
		// pobranie danych z jakiegoś źródłą (nie baza danych)
	}
    }
}
</CODE>
W pliku ViewModel mam tak:
```csharp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using ConcreteProductionProcject1.Model;
using ConcreteProductionProcject1.Model.Entity_Data_Model;
using System.Windows.Data;
using System.ComponentModel;
using System.Windows.Input;
using System.Collections.ObjectModel;
using System.Collections.Specialized;
using System.Windows;
using System.Reflection;
using System.Collections;
using System.Data.Entity;
using System.Data;
using System.Data.SqlClient;
using System.Xml;

namespace Procject1.ViewModel
{
     public class DataAddViewModel : ViewModelBase
    {
         #region Fields

         private int many;

         public int IleDanych 
         {
             get { return many; }
             set { many = value; }
         }
         DaneModel _dane = new DaneModel() ;

         #endregion
         #region Properties

         public double MED1
         {
             get { return _moistures.MED1; }
             set { _moistures.MED1 = value; OnPropertyChanged("MED1"); }
         }
         public double MED2
         {
             get { return _moistures.MED2; }
             set { _moistures.MED2 = value; OnPropertyChanged("MED2"); }
         }
         public double MED3
         {
             get { return _moistures.MED3; }
             set { _moistures.MED3 = value; OnPropertyChanged("MED3"); }
         }
         public double MED4
         {
             get { return _moistures.MED4; }
             set { _moistures.MED4 = value; OnPropertyChanged("MED4"); }
         }
         public double MED5
         {
             get { return _moistures.MED5; }
             set { _moistures.MED5 = value; OnPropertyChanged("MED5"); }
         }
         public double MED6
         {
             get { return _moistures.MED6; }
             set { _moistures.MED6 = value; OnPropertyChanged("MED6"); }
         }
         public double MED7
         {
             get { return _moistures.MED7; }
             set { _moistures.MED7 = value; OnPropertyChanged("ME7"); }
         }
         public double MED8
         {
             get { return _moistures.MED8; }
             set { _moistures.MED8 = value; OnPropertyChanged("MED8"); }
         }

         public ICommand OkCommand { get; set; }
         public ICommand CancelCommand { get; set; }

         #endregion
         #region Constructor

         public MoistureViewModel(Production CurrentEntity, int m)
         {
             many = m;
             _moistures = new Moistures();
             if (CurrentEntity != null)
             {
                 if (IleDanych>= 1) MED1 = wart[0];
                 if (IleDanych >= 2) MED2 = wart[1];
            }
            InitCommands();
        }

       #endregion
       #region CommandRegistration

       protected void InitCommands()
       {
           OkCommand = new BasicCommand(o => { try { dynamic Dialog = ((dynamic)o).Parent; Dialog.DialogResult = true; Dialog.Close(); } catch { } }, o => true);
           CancelCommand = new BasicCommand(o => { try { dynamic Dialog = ((dynamic)o).Parent; Dialog.DialogResult = false; Dialog.Close(); } catch { } }, o => true);
       }

       #endregion
    }
}
</CODE>
// W parencie (jakaś inna forma WPF)

mam procedurę wywołującą okno DaneAdd...

```csharp
        public void MoistureControlOpen(object param)
        {
            int IleDanych = 2;  // Ta zmienna ma docelowo być pobrana z konfiguracji. 

            if (IleDanych > 8) IleDanych = 8; // Zabezpieczenie przekroczenia limitu 8 danych...
            View.DaneAdd daneadd = new View.DaneAdd();
            daneadd.IleDanych = IleDanych; // Ile ma par danych;
            daneadd.ViewModel = new MoistureViewModel();
            FirstFloor.ModernUI.Windows.Controls.ModernDialog Dialog = new FirstFloor.ModernUI.Windows.Controls.ModernDialog()
            {
                Title = "Parametry danych",
                Content = daneadd,
            };
            Dialog.IsEnabled = true;

            Dialog.Buttons = new[] { Dialog.OkButton, Dialog.CancelButton };
            Dialog.ShowDialog();
            if (Dialog.DialogResult.HasValue && Dialog.DialogResult.Value)
            {
		// dalsza obsługa danych...
            }
        }
</CODE>
Wydaje mi się że to dobrze rozumiem z przykładów dostępnych na necie ale jednak jest coś nie tak. 

W niektórych miejscach w pliku XAML jest wpis Text="0.00", bo nie działa mi 

<TextBox Name="param1" Text="{Binding MED1}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Right" Width="95" Grid.Column="3" Margin="0,10,0,10" Background="White" Foreground="Blue" HorizontalAlignment="Right" />

nie wiem czemu MED1 to nie jest własność MED1 z pliku DaneModel ani z DataAddViewModel.

Nie wiem w którym miejscu czegoś mi zabrakło. Jestem otwarty na sugestie.. Z góry dzięki.

Pozdrowienia dla wszystkich.
edytowany 2x, ostatnio: Ktos
AL
Wrzuć kod do znaczników <code> ... </code> Masz taką ikonkę jak edytujesz/piszesz posta ;)
A6
mam nadzieję, że teraz to lepiej widać...
NE
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 8 lat
  • Postów:186
0

A działa jakikolwiek inny Binding? Bo w przedstawionym kodzie nie widzę, żeby gdzieś był ustawiany DataContext, który właśnie mówi widokowi, skąd odczytywać właściwości.


(konto nieaktywne)
A6
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:17
0

Witam,

Dzięki za odpowiedź. A możesz podpowiedzieć gdzie to powinno być zrobione ?
Próbowałem dodać taki wpis w DaneAdd.xaml.cs po InitializeComponent(); w metodzie DaneAdd();
i wpisywałem inaczej jako DataContext="DaneAddViewModel" na koncu definicji <UserControl>.

w obu przypadkach nic to nie dało.

Pozdrawiam.

edytowany 1x, ostatnio: aboczko69
NE
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 8 lat
  • Postów:186
0

Trochę to mylące, że masz nazwy DaneAdd i DataAdd. W każdym razie problem widzisz w pliku XAML definiującym UserControl. Tej kontrolki używasz w jakimś oknie (w pliku, w którym na początku jest <Window>). To okno musi mieć ustawioną właściwość DataContext na obiekt view modelu, z którego chcesz wyciągnąć dane - może to być zrobione w pliku .cs po Initalize() albo gdzieś tam, gdzie to okno pokazujesz. Zależy, gdzie ten view model jest tworzony. Wtedy wartość DataContext "spłynie w dół" po całym drzewie XAML i kontrolka też ją dostanie, więc będzie mieć dostęp do tego obiektu i z niego weźmie to, co jest w {Binding}.

Aha, napisanie DataContext="DaneAddViewModel" w XAML-u dla UserControl nic nie daje, bo do prawidłowego działania DataContext to musi być obiekt klasy DaneAddViewModel, a w tym przypadku podajesz mu tekst. Działałoby, gdyby to było w postaci DataContext={Binding A.B.C}, gdzie A.B.C to ścieżka od obiektu, który stanowi DataContext okna, do obiektu wewnętrznego, który ma być kontekstem dla kontrolki. Przykładowo, jeśli kontekstem okna jest obiekt klasy MainViewModel i ona ma właściwość o nazwie ControlViewModel przechowującą obiekt z danymi dla kontrolki - wtedy w XAML-u trzeba kontrolce zrobić DataContext="{Binding ControlViewModel}".


(konto nieaktywne)
edytowany 1x, ostatnio: ness
A6
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:17
0

pomogło - dziękuję. Te przypisanie robiłem w złym miejscu.

edytowany 1x, ostatnio: aboczko69
NE
Ale zaakceptowana odpowiedź to chyba powinna być ta, która pomogła. ;)
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)