2015-10-03 114 views
2

這是展示我遇到問題的行爲的示例。我有一個數據網格綁定到viewmodel中的可觀察的記錄集合。在DataGrid中,我有一個DataGridTemplateColumn,它包含一個從viewmodel中的列表填充的組合框。該數據網格還包含文本列。窗口底部有一些文本框來顯示記錄內容​​。新行上的WPF C#datagrid組合框不會更新數據源(已更新!)

<Window x:Class="Customer.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="clr-namespace:Customer" 
    Title="MainWindow" Height="350" Width="525"> 

    <Window.Resources> 
     <local:SelectedRowConverter x:Key="selectedRowConverter"/> 
    </Window.Resources> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="8*"/> 
      <RowDefinition Height="3*"/> 
     </Grid.RowDefinitions> 
     <DataGrid x:Name="dgCustomers" AutoGenerateColumns="False" 
        ItemsSource="{Binding customers}" SelectedItem="{Binding SelectedRow, 
        Converter={StaticResource selectedRowConverter}, Mode=TwoWay}" 
        CanUserAddRows="True" Grid.Row="0" SelectionChanged="dgCustomers_SelectionChanged"> 
      <DataGrid.Columns> 
       <DataGridTemplateColumn Width="Auto" Header="Country"> 
        <DataGridTemplateColumn.CellTemplate> 
         <DataTemplate> 
          <ComboBox x:Name="cmbCountry" ItemsSource="{Binding DataContext.countries, 
           RelativeSource={RelativeSource AncestorType={x:Type Window}}}" 
             DisplayMemberPath="name" SelectedValuePath="name" Margin="5" 
             SelectedItem="{Binding DataContext.SelectedCountry, 
           RelativeSource={RelativeSource AncestorType={x:Type Window}}, Mode=TwoWay, 
           UpdateSourceTrigger=PropertyChanged}" SelectionChanged="cmbCountry_SelectionChanged" /> 
         </DataTemplate> 
        </DataGridTemplateColumn.CellTemplate> 
       </DataGridTemplateColumn> 
       <DataGridTextColumn Header="Name" Binding="{Binding name}" Width="1*"/> 
       <DataGridTextColumn Header="Phone" Binding="{Binding phone}" Width="1*"/> 
      </DataGrid.Columns> 
     </DataGrid> 

     <Grid x:Name="grdDisplay" DataContext="{Binding ElementName=dgCustomers}" Grid.Row="1"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="1*"/> 
       <ColumnDefinition Width="1*"/> 
       <ColumnDefinition Width="1*"/> 
      </Grid.ColumnDefinitions> 
      <Label Grid.Column="2" Content="Country:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
      <Label Grid.Column="4" Content="Code:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
      <BulletDecorator Grid.Column="0"> 
       <BulletDecorator.Bullet> 
        <Label Content="Name:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
       </BulletDecorator.Bullet> 
       <TextBox x:Name="txtId" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.name}" Margin="5,5,5,5"/> 
      </BulletDecorator> 
      <BulletDecorator Grid.Column="1"> 
       <BulletDecorator.Bullet> 
        <Label Content="Code:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
       </BulletDecorator.Bullet> 
       <TextBox x:Name="txtCode" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.countryCode}" Margin="5,5,5,5"/> 
      </BulletDecorator> 
      <BulletDecorator Grid.Column="2"> 
       <BulletDecorator.Bullet> 
        <Label Content="Phone:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
       </BulletDecorator.Bullet> 
       <TextBox x:Name="txtPhone" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.phone}" Margin="5,5,5,5"/> 
      </BulletDecorator> 
     </Grid> 
    </Grid> 
</Window> 

最初沒有記錄,所以datagrid是空的,只顯示一行包含組合框。如果用戶首先將數據輸入到文本列中,則將記錄添加到該集合,並且可以將組合框值添加到記錄中。但是,如果用戶首先選擇組合框值,那麼當另一列被選中時,該值將消失。如果首先選擇將組合框數據添加到記錄中,如何獲取?

代碼隱藏:

public partial class MainWindow : Window 
{ 
    public GridModel gridModel { get; set; } 

    public MainWindow() 
    { 
     InitializeComponent(); 
     gridModel = new GridModel(); 
     //dgCustomers.DataContext = gridModel; 
     this.DataContext = gridModel; 
    } 

    private void cmbCountry_SelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     ComboBox c = sender as ComboBox; 
     Debug.Print("ComboBox selection changed, index is " + c.SelectedIndex + ", selected item is " + c.SelectedItem); 
    } 
} 

備案類:

public class Record : ViewModelBase 
{ 
    private string _name; 
    public string name 
    { 
     get { return _name; } 
     set 
     { 
      _name = value; 
      OnPropertyChanged("name"); 
     } 
    } 

    private string _phone; 
    public string phone 
    { 
     get { return _phone; } 
     set 
     { 
      _phone = value; 
      OnPropertyChanged("phone"); 
     } 
    } 

    private int _countryCode; 
    public int countryCode 
    { 
     get { return _countryCode; } 
     set 
     { 
      _countryCode = value; 
      OnPropertyChanged("countryCode"); 
     } 
    } 
} 

國家類:

public class Country : ViewModelBase 
{ 
    private string _name; 
    public string name 
    { 
     get { return _name; } 
     set 
     { 
      _name = value; 
      OnPropertyChanged("name"); 
     } 
    } 

    private int _id; 
    public int id 
    { 
     get { return _id; } 
     set 
     { 
      _id = value; 
      OnPropertyChanged("id"); 
     } 
    } 

    private int _code; 
    public int code 
    { 
     get { return _code; } 
     set 
     { 
      _code = value; 
      OnPropertyChanged("code"); 
     } 
    } 

    public override string ToString() 
    { 
     return _name; 
    } 
} 

GridModel:

public class GridModel : ViewModelBase 
{ 
    public ObservableCollection<Record> customers { get; set; } 
    public List<Country> countries { get; set; } 
    public GridModel() 
    { 
     customers = new ObservableCollection<Record>(); 
     countries = new List<Country> { new Country { id = 1, name = "England", code = 44 }, new Country { id = 2, name = "Germany", code = 49 }, 
     new Country { id = 3, name = "US", code = 1}, new Country { id = 4, name = "Canada", code = 11 }}; 
    } 

    private Country _selectedCountry; 
    public Country SelectedCountry 
    { 
     get 
     { 
      return _selectedCountry; 
     } 
     set 
     { 
      _selectedCountry = value; 
      _selectedRow.countryCode = _selectedCountry.code; 
      OnPropertyChanged("SelectedRow"); 
     } 
    } 

    private Record _selectedRow; 
    public Record SelectedRow 
    { 
     get 
     { 
      return _selectedRow; 
     } 
     set 
     { 
      _selectedRow = value; 
      Debug.Print("Datagrid selection changed"); 
      OnPropertyChanged("SelectedRow"); 
     } 
    } 
} 

轉換器:

class Converters 
{ 
} 

public class SelectedRowConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     return value; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (value is Record) 
      return value; 
     return new Customer.Record(); 
    } 
} 

ViewModelBase:

public class ViewModelBase : INotifyPropertyChanged 
{ 
    public ViewModelBase() 
    { 

    } 

    public event PropertyChangedEventHandler PropertyChanged; 

    public void OnPropertyChanged(string name) 
    { 
     if (PropertyChanged != null) 
     { 
      PropertyChanged(this, new PropertyChangedEventArgs(name)); 
     } 
    } 
} 

回答

2

您所看到的行爲是按預期。其背後的原因是ComboBoxItemsSource以及SelectedItem都綁定到Window的的Properties,而其他列綁定到您的DataGridItemsSource。因此,當您修改除下拉列以外的列時,數據將添加到可觀察集合中。

從下拉選擇一個值後,你可以做的是降低你需要(從您的SelectedCountry屬性調用一個函數可能)

編輯基於

自己添加一條記錄您的代碼我做了一個工作模型,儘可能少地改變你現有的代碼。我不能使用轉換器,因爲我沒有足夠的類Customer

的XAML

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="8*"/> 
     <RowDefinition Height="3*"/> 
    </Grid.RowDefinitions> 
    <StackPanel Grid.Row="0"> 
     <Button HorizontalAlignment="Right" Content="Add User" Margin="0,2,2,2" Command="{Binding AddUserCommand}"/> 
     <DataGrid x:Name="dgCustomers" 
      AutoGenerateColumns="False" 
      ItemsSource="{Binding customers}" 
      SelectedItem="{Binding SelectedRow}" 
      SelectionUnit="FullRow" 
      CanUserAddRows="False"> 
      <DataGrid.Columns> 
       <DataGridTemplateColumn Width="Auto" Header="Country"> 
        <DataGridTemplateColumn.CellTemplate> 
         <DataTemplate> 
          <ComboBox Focusable="False" 
             ItemsSource="{Binding DataContext.countries, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" 
             DisplayMemberPath="name" 
             SelectedValuePath="code" 
             SelectedValue="{Binding countryCode, UpdateSourceTrigger=PropertyChanged}"/> 
         </DataTemplate> 
        </DataGridTemplateColumn.CellTemplate> 
       </DataGridTemplateColumn> 
       <DataGridTextColumn Header="Name" Binding="{Binding name, UpdateSourceTrigger=PropertyChanged}" Width="1*"/> 
       <DataGridTextColumn Header="Phone" Binding="{Binding phone, UpdateSourceTrigger=PropertyChanged}" Width="1*"/> 
      </DataGrid.Columns> 
     </DataGrid> 
    </StackPanel> 
    <Grid x:Name="grdDisplay" DataContext="{Binding ElementName=dgCustomers}" Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="1*"/> 
     </Grid.ColumnDefinitions> 
     <Label Grid.Column="2" Content="Country:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
     <Label Grid.Column="4" Content="Code:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
     <BulletDecorator Grid.Column="0"> 
      <BulletDecorator.Bullet> 
       <Label Content="Name:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
      </BulletDecorator.Bullet> 
      <TextBox x:Name="txtId" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.name}" Margin="5,5,5,5"/> 
     </BulletDecorator> 
     <BulletDecorator Grid.Column="1"> 
      <BulletDecorator.Bullet> 
       <Label Content="Code:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
      </BulletDecorator.Bullet> 
      <TextBox x:Name="txtCode" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.countryCode}" Margin="5,5,5,5"/> 
     </BulletDecorator> 
     <BulletDecorator Grid.Column="2"> 
      <BulletDecorator.Bullet> 
       <Label Content="Phone:" VerticalAlignment="Center" HorizontalAlignment="Right"/> 
      </BulletDecorator.Bullet> 
      <TextBox x:Name="txtPhone" Text="{Binding ElementName=dgCustomers, Path=SelectedItem.phone}" Margin="5,5,5,5"/> 
     </BulletDecorator> 
    </Grid> 
</Grid> 

你GridModel類

public class GridModel : ViewModelBase 
{ 
    public ObservableCollection<Record> customers { get; set; } 
    public ObservableCollection<Country> countries 
    { 
     get; 
     private set; 
    } 
    public GridModel() 
    { 
     customers = new ObservableCollection<Record> { }; 
     AddUserCommand = new RelayCommand(AddNewUser); 
     countries = new ObservableCollection<Country> 
     { 
      new Country { id = 1, name = "England", code = 44 }, 
      new Country { id = 2, name = "Germany", code = 49 }, 
      new Country { id = 3, name = "US", code = 1}, 
      new Country { id = 4, name = "Canada", code = 11 } 
     }; 
    } 

    private void AddNewUser() 
    { 
     customers.Add(new Record()); 
    } 

    public ICommand AddUserCommand { get; set; } 

    private Record _selectedRow; 
    public Record SelectedRow 
    { 
     get 
     { 
      return _selectedRow; 
     } 
     set 
     { 
      _selectedRow = value; 
      Debug.Print("Datagrid selection changed"); 
      OnPropertyChanged("SelectedRow"); 
     } 
    } 
} 

我已經使用MVVMLight工具包,其中包含RelayCommand的細節。您也可以定義自己的ICommand實施和使用它,而不是該工具包的

EDIT 2

修正我所提出的錯誤,這將阻止組合框從顯示的國家,如果數據來自數據庫。改進的代碼不需要任何轉換器

+0

你好Sandesh,非常感謝你的答案!所以當SelectedCountry被調用時,我使用屬性來改變SelectedRow:'code' set { _selectedCountry = value; _selectedRow.countryCode = _selectedCountry.code; OnPropertyChanged(「SelectedRow」); }'code'我認爲用雙向綁定這會更新數據網格嗎? –

+0

如果datagrid顯示其ItemsSource中不存在的記錄,人們會發現它令人毛骨悚然:) – Sandesh

+0

如果可以猜出你想要的東西,會節省很多打字:)我必須明確地將SelectedRow添加到ObservableCollection中,然後,但只有當它不存在時...所以我需要知道SelectedCountry從哪個行調用,並且只有在ObservableCollection不包含那麼多行時才添加它。關於如何從SelectedCountry屬性中獲取datagrid行索引的任何想法? –