Observable Collection 열이 추가 된 행으로 열을 합계합니다.

Question

프로젝트에서 작업 중입니다. 빈 "Observable Collection"을 채우기 위해 DataGrid를 사용하고 있습니다. 주요 문제는 "Total Price"를 계산하려고합니다. "제품"내가 DataGrid보기에 입력 할 때. "Pricesrc"가 "Total Price"를 표시해야하는 텍스트 상자에 바인딩되어 있습니다. 이제 어떻게이 작업을 수행합니까. 도움이 될 것입니다.

Ths는 제 제품 클래스입니다.

public class product_data 
{ 
    private String _Name; 
    private String _Brand; 
    private String _Price; 

    public string Name 
    { 
     get { return _Name; } 
     set { _Name = value; } 
    } 

    public string Brand 
    { 
     get { return _Brand; } 
     set { _Brand = value; } 
    } 

    public string Price 
    { 
     get { return _Price; } 
     set 
     { 
      _Price = value; 
     } 
    } 
} 

이것은 내 ViewModel 클래스입니다.

private int _Pricesrc; 
public int Pricesrc 
{ 
    get { return _Pricesrc; } 
    set { _Pricesrc = value; onPropertyChanged(nameof(Pricesrc)); } 
} 

이 필요하면 바인딩이 업데이트 될 때 전체 설정 때문에 때 당신의 Pricesrc 변경 때

<Grid Background="#C82C2C2C"> 
    <StackPanel Orientation="Vertical" Background="LightGray" Margin="150,60,150,60"> 
     <StackPanel.Effect> 
      <DropShadowEffect BlurRadius="44"/> 
     </StackPanel.Effect> 
     <StackPanel Background="#FF886AF0" Height="80"> 
      <TextBlock Text="Bill" FontSize="25" FontWeight="SemiBold" HorizontalAlignment="Center" Margin="0,20,0,0" Foreground="#FFE6E6E6"></TextBlock> 
     </StackPanel> 
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,35,0,0"> 
      <TextBox x:Name="txt_Total" ToolTip="Total" Text="{Binding Pricesrc}" Height="50" Background="White" Foreground="#FFB6B2B2" BorderBrush="{x:Null}" BorderThickness="3" HorizontalAlignment="Center" Width="630" FontWeight="DemiBold" FontSize="16" VerticalContentAlignment="Center" Style="{DynamicResource flat_ui_textbox}" GotFocus="textboxes_gotFocus" LostFocus="textboxes_lostFocus"/> 
     </StackPanel> 
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" > 
      <TextBox x:Name="txt_advance" ToolTip="Advance" Text="Advance" Height="50" Background="White" Foreground="#FFB6B2B2" BorderBrush="{x:Null}" BorderThickness="3" HorizontalAlignment="Center" Width="315" FontWeight="DemiBold" FontSize="16" VerticalContentAlignment="Center" Style="{DynamicResource flat_ui_textbox}" GotFocus="textboxes_gotFocus" LostFocus="textboxes_lostFocus"/> 
      <TextBox x:Name="txt_pending" ToolTip="Pending" Text="Pending" Height="50" Background="White" Foreground="#FFB6B2B2" BorderBrush="{x:Null}" BorderThickness="3" HorizontalAlignment="Center" Width="315" FontWeight="DemiBold" FontSize="16" VerticalContentAlignment="Center" Style="{DynamicResource flat_ui_textbox}" GotFocus="textboxes_gotFocus" LostFocus="textboxes_lostFocus"/> 
     </StackPanel> 
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" > 
      <TextBox x:Name="txt_date" ToolTip="Date" Text="Date" Height="50" Background="White" Foreground="#FFB6B2B2" BorderBrush="{x:Null}" BorderThickness="3" HorizontalAlignment="Center" Width="475" FontWeight="DemiBold" FontSize="16" VerticalContentAlignment="Center" Style="{DynamicResource flat_ui_textbox}" GotFocus="textboxes_gotFocus" LostFocus="textboxes_lostFocus"/> 
      <TextBlock Margin="48,0,0,0" Text="Is Paid" VerticalAlignment="Center" FontWeight="Bold" FontSize="18" Foreground="#FF818181"/> 
      <CheckBox Margin="16,0,0,0" Height="35" Width="35" BorderBrush="{x:Null}" Style="{DynamicResource flat_ui_checkboxes}"></CheckBox> 
     </StackPanel> 
     <GroupBox Header="Product" Margin="150,35,150,0" Foreground="#FF7E7E7E" FontSize="24" FontWeight="DemiBold"> 
      <DataGrid x:Name="product_grid" ItemsSource="{Binding product_data,Mode=TwoWay}" HorizontalAlignment="Center" Margin="0,0,0,0" Height=" 350" Background="White" Width="973.5" AutoGenerateColumns="False" CanUserAddRows="True"> 
       <DataGrid.Columns> 
        <DataGridTextColumn Header="Name" Binding="{Binding Name,Mode=TwoWay}" ></DataGridTextColumn> 
        <DataGridTextColumn Header="Brand" Binding="{Binding Brand,Mode=TwoWay}"></DataGridTextColumn> 
        <DataGridTextColumn Header="Price" Binding="{Binding Price,Mode=TwoWay}"></DataGridTextColumn> 
       </DataGrid.Columns> 
      </DataGrid> 
     </GroupBox> 
     <Button Width="200" Height="55" Background="#FF2DCC70" Margin="0,0,0,0" Template="{DynamicResource flat_add_green_btn}" Command="{Binding Add_Customer_Command}" Click="Button_Click" /> 
    </StackPanel> 
</Grid> 

Answer 1

먼저 당신이 PropertyChanged 이벤트를 사용해야합니다

public class ViewModel:INotifyPropertyChanged 
{ 


    public int Pricesrc 
    { 
     set;get; 
    } 
    public ObservableCollection<product_data> listsrc; 
    public ObservableCollection<product_data> product_data 
    { 
     get { return listsrc; } 
     set 
     { 
      listsrc = value; 
     } 
    } 
    public ViewModel() 
    { 
     listsrc = new ObservableCollection<Pages.Product.product_data>(); 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 

    public void onPropertyChanged(string prop) 
    { 
     PropertyChanged?.Invoke(this,new PropertyChangedEventArgs(prop)); 
    } 
} 

이

내 XAML입니다.

이제 Pricesrc을 업데이트하기 위해 컬렉션 변경 (항목이 추가 또는 제거) 당신이 그것에 대해 정확히 알려 컬렉션의 이벤트를 처리해야 - 이벤트 핸들러 추가 생성자에서 https://msdn.microsoft.com/en-us/library/ms653375(v=vs.110).aspx

을 CollectionChanged :

public ViewModel() 
{ 
    listsrc = new ObservableCollection<Pages.Product.product_data>(); 
    listsrc.CollectionChanged += OnCollectionChanged; 
} 

private void OnCollectionChanged(object sender, NotifyCollectionChangedEventArgs e) 
{ 
    Pricesrc = listsrc.Sum(prod => prod.Price); 
} 

편집 : 기존 제품의 가격이 변경 될 때 총 가격을 업데이트하려면, 당신은 당신의 product_data 클래스에서 INotifyPropertyChanged를 구현해야하고 Price 속성이 유사한 변경 될 때 나는여기 무슨 짓을했는지에 이벤트를 발생속성 그런 다음 해당 이벤트를 처리하고 총 가격을 업데이트하십시오.