c# - principiantes - que es mvvm en programacion

WPF No se pueden recuperar los valores de enlace MVVM

Question

Cuando ingreso texto en un Textbox , actualiza dos TextBlocks al mismo tiempo. Estoy tratando de recuperar ese valor para guardarlo en una base de datos sql. Lo configuré temporalmente para mostrar el valor en un MessageBox.

ViewModel / Model:

private decimal _amount;
public decimal Amount
{
get
{
return _amount;
}
set
{
_amount = value;
OnPropertyChanged("Amount");
}
}

Encuadernación TextBox:

<TextBox MaxLength="7" Visibility="{Binding Hide1, Converter={StaticResource BoolToVis},FallbackValue=Visible}" Text="{Binding Amount, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Grid.Row="2" />

Enlace de TextBlocks:

<TextBlock Foreground="Black" Margin="0 0 0 0" VerticalAlignment="Top" Grid.Column="3" Text="{Binding Path=Amount}"/>
<TextBlock Grid.Column="3" Text="{Binding Amount}" Foreground="Black" Margin="0 0 0 0" VerticalAlignment="Bottom"/>

SaveCommand:

private async void Save()
{
try
{
MessageBox.Show(string.Format("{0}", Amount));
}
catch (DbEntityValidationException ex)
{
foreach (var en in ex.EntityValidationErrors)
{
var exceptionDialog = new MessageDialog
{
Message = { Text = string.Format("{0}, {1}", en.Entry.Entity.GetType().Name, en.Entry.State) }
};
await DialogHost.Show(exceptionDialog, "RootDialog");
foreach (var ve in en.ValidationErrors)
{
exceptionDialog = new MessageDialog
{
Message = { Text = string.Format("{0}, {1}", ve.PropertyName, ve.ErrorMessage) }
};
await DialogHost.Show(exceptionDialog, "RootDialog");
}
}
}
catch(Exception ex)
{
var exceptionDialog = new MessageDialog
{
Message = { Text = string.Format("{0}", ex) }
};
await DialogHost.Show(exceptionDialog, "RootDialog");
}
}

Cuando pulso guardar, el MessageBox muestra 0.

EDITAR: Acabo de recordar que tengo ViewModel conectado a dos UserControls . Mi TabLayout , que maneja el contenido de TabItems ; y Nómina que contiene el botón Guardar y un TabControl que carga TabLayout en cada TabItem .

DataContext para ambos es:

public TabLayout()
{
InitializeComponent();
DataContext = new PayslipModel();
}
public Payroll()
{
InitializeComponent();
DataContext = new PayslipModel();
}

Answer 1

Si desea que ambos controles compartan un DataContext , puede inyectar una instancia desde su raíz de composición, es decir, App.Xaml.cs Lo siguiente probablemente no coincida con la forma en que se presenta su aplicación, pero debería darle la idea. Más adelante se puede ver la inyección de dependencia y cómo componer el gráfico de objetos, pero esto es un comienzo.

App.xaml

<Application x:Class="App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Startup="OnAppStartup">
<Application.Resources>
</Application.Resources>
</Application>

App.xmal.cs

public partial class App : Application {
private void OnAppStartup(object sender, StartupEventArgs e) {
Application.Current.ShutdownMode = System.Windows.ShutdownMode.OnMainWindowClose;
var vm = new PayslipModel();
var mainWindow = new MainWindow(vm);
Application.Current.MainWindow = mainWindow;
mainWindow.Show();
}
}

MainWindow.xaml.cs

public MainWindow(PayslipModel vm){
InitializeComponent();
tabControl = new TabControl(vm);
payRoll = new PayRoll(vm);
}

UserControls

public TabLayout(PayslipModel vm)
{
InitializeComponent();
DataContext = vm;
}
public Payroll(PayslipModel vm)
{
InitializeComponent();
DataContext = vm;
}