2011-03-06 52 views
0

我想构建一个场景,我可以从项目集合中选择任何项目,并且可以通过单击“添加”按钮将此文本字符串添加到列表框或数据网格。我还需要能够通过单击“删除”按钮从列表框或数据网格中删除项目。我开始这个,但有问题,使其工作。我想知道问题是什么。任何想法都非常感谢。谢谢!如何将选定的项目从AutoCompleteBox添加到ListBox或Datagrid?

XAML:

<UserControl 
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" 
x:Class="AutoCompleteBoxSimpleTest.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" 
mc:Ignorable="d" > 

<StackPanel x:Name="LayoutRoot" Background="White" Width="150"> 
    <TextBlock Text="{Binding ElementName=MyAutoCompleteBox, Path=SelectedItem, TargetNullValue='No item selected', StringFormat='Selected Item: {0}'}" />  
    <sdk:AutoCompleteBox x:Name="MyAutoCompleteBox" IsTextCompletionEnabled="True" ItemsSource="{Binding Items}" /> 
    <Button x:Name="AddButton" Click="AddButton_Click" Content="AddButton" /> 
    <Button x:Name="RemoveButton" Click="RemoveButton_Click" Content="RemoveButton" /> 
    <ListBox x:Name="ListBox" BorderThickness="0" SelectionMode="Multiple" /> 

    <sdk:DataGrid x:Name="dgEditPackageProperties_ADEntities"> 
     <sdk:DataGrid.Columns> 
      <sdk:DataGridTemplateColumn x:Name="dgtcEditPackageProperties_Icon"/> 
      <sdk:DataGridTextColumn x:Name="dgtcEditPackageProperties_Entities" Header="AD Entities with Access" /> 
     </sdk:DataGrid.Columns> 
    </sdk:DataGrid> 
</StackPanel> 

代码背后:

public partial class MainPage : UserControl 
{ 
    private IList<string> myDataList = null; 
    string currentItemText; 
    public IList<string> Items 
    { 
     get; 
     private set; 
    } 

    public MainPage() 
    { 
     InitializeComponent(); 

     Items = new List<string>(); 
     Items.Add("One"); 
     Items.Add("Two"); 
     Items.Add("Three"); 
     Items.Add("Four"); 

     DataContext = this; 
    } 

    private void AddButton_Click(object sender, RoutedEventArgs e) 
    { 
     if (MyAutoCompleteBox.SelectedItem != null) 
     { 

      foreach (var item in MyAutoCompleteBox.SelectedItem) 
      { 
       ListBox.Items.Add(item); 
       myDataList.Remove(item); 
      } 
      ApplyDataBinding(); 
     } 
    } 

    private void RemoveButton_Click(object sender, RoutedEventArgs e) 
    { 
     if (ListBox.SelectedItems != null) 
     { 
      int count = ListBox.SelectedItems.Count - 1; 
      for (int i = count; i >= 0; i--) 
      { 
       //myDataList.Add(ListBox.SelectedItems[i]); 
       ListBox.Items.Remove(ListBox.SelectedItems[i]); 
      } 
      ApplyDataBinding(); 
     } 
    } 

    private void ApplyDataBinding() 
    { 
     MyAutoCompleteBox.ItemsSource = null; 
     MyAutoCompleteBox.ItemsSource = myDataList; 
    } 

} 

回答

1

对于初学者来说,如果你使用的myDataList而不是List <一个ObservableCollection <>>你可以添加和删除项目和控件将自动更新。

其次,尝试在迭代它们时删除项目。先把它们放在一个单独的列表中。

最后,你甚至在哪里创建myDataList? :)

+0

谢谢你的想法。是的,我没有创建myDataList。我修改了代码并将其留下。我会尝试改变为可观察的收集。希望我能使它工作。 – vladc77 2011-03-07 23:03:14

+0

我想知道你是否可以指点我的任何工作示例。我有麻烦让它工作。再次感谢你。 – vladc77 2011-03-08 06:08:52

0

而不是给自动填充框的名称和检查其选定的项目,你可以绑定到它的selectedItem属性。然后在你的“AddButton_Click”中,你可以简单地添加你绑定的selectedItem。

相关问题