テキストボックステキストを他のクラスプロパティとバインドする方法は？

Question

Xamlとバインディングの概念が新しくなりました。 MainClassの 'CustomerName'プロパティをXAMLのテキストコンテンツ 'TextBox1'にバインドする方法は？ここで

、

namespace TextBinding.Module 
{ 
    public class MainClass 
    { 
     public string CustomerName { get; set; } 
    } 

} 

私MainClassですそして、私のXAMLコーディングがあり、

<UserControl x:Class="TextBinding.Design.ControlDesigner" 
     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:TestControl="clr-namespace:TextBinding.Module" 
     mc:Ignorable="d" d:DesignHeight="1000" d:DesignWidth="1000"> 

    <TestControl:MainClass x:Key="Test1" /> 
    <Grid> 
     <TextBox x:Name="TextBox1" Height="50" Text="{Binding Test1.CustomerName, Mode=TwoWay}" /> 
    </Grid> 
</UserControl> 

これ以上の方法は、全く機能していません。誰かがバインドするより良い方法を提案することができますか？前もって感謝します。

Answer 1

<UserControl x:Class="TextBinding.Design.ControlDesigner" 
      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:TestControl="clr-namespace:TextBinding.Module" 
      mc:Ignorable="d" d:DesignHeight="1000" d:DesignWidth="1000"> 
    <UserControl.Resources> 
      <TestControl:MainClass x:Key="Test1" /> 
     </UserControl.Resources> 

     <Grid> 
      <TextBox x:Name="TextBox1" Height="50" Text="{Binding CustomerName, Mode=TwoWay}" 
DataContext="{DynamicResource Test1}" /> 
     </Grid> 
    </UserControl> 

ユーザーコントロールリソースセクション内にクラスオブジェクトを定義する必要があります。また、テキストボックスのDataContextプロパティにクラスオブジェクトを指定する必要があります。

Answer 2

これは良い考えではありません。MVVMを試して、別のビュー、モデルを表示してこの種の処理を行う必要があります。

しかし、以下のご質問には答えである：

新しいWPFアプリケーションを作成し、次の手順を実行します：

ここ

public partial class ControlDesigner: UserControl 
    { 

     public string CustomerName { get; set; } 

    public MainWindow() 
    { 
     // Set Value 
     // CustomerName = "Test Name"; 
     InitializeComponent(); 
     this.DataContext = this; 
    } 
} 

は、質問用のサンプルMVVMのアプローチです

1. ユーザーコントロールを含むMainwindow.xamlがあります。

   <Grid> 
       <local:ControlDesigner Grid.Row="1" /> 
   </Grid> 
   

2. のViewModelを作成し、ViwModelにユーザーメインウィンドウののDataContextを設定します。

    public class MainWindowViewModel   
        { 
         private string _customeName; 
   
         public string CustomerName 
         { 
          get { return _customeName; } 
          set { _customeName = value; } 
         } 
   
   
        } 
   
        public partial class MainWindow : Window 
        { 
   
   
         public MainWindow() 
         { 
          InitializeComponent(); 
          this.DataContext = new MainWindowViewModel(); 
         } 
        } 
       } 
   

3. バインド親ウィンドウのモデルを表示するためのテキストブロック：

   のTextBlockテキスト= "{CustomerNameのバインディング}">