Привязка данных к представлению списка - PullRequest
1 голос
/ 24 июня 2010

У меня есть список, который я связал (двухсторонний) с датируемым. Привязка работает нормально, и данные правильно отображаются в списке. Теперь то, чего я хочу достичь, немного сложнее, и я даже не уверен, можно ли этого достичь или сейчас.

Моя таблица данных содержит 15 столбцов, и я показываю 5 столбцов в lisview. Возможно ли, что если пользователь выберет строку в просмотре списка, я мог бы отобразить другие 10 значений для этой выбранной строки (из таблицы данных) в текстовых блоках на панели стека. Это достижимо или я слишком требователен? Я пытался добиться этого, получая идеи из вопроса здесь , но не смог этого достичь. Если это достижимо, ребята, можете ли вы дать мне идеи о том, как действовать с этим?

Я думаю, что это может быть достигнуто путем обработки события listview1_selectionChanged и заполнения текстовых полей вручную, но, поскольку я нахожусь в стадии обучения, я хотел исследовать, можно ли это сделать с помощью привязки данных. Таким образом, я буду знать различные способы ведения дел и могу строить свои концепции в процессе.

Я прилагаю свой код ниже. Это всего лишь тестовый проект с одним списком, имеющим один столбец.

XAML:

<Window.Resources>
    <Prefs:Tables x:Key="TClass"></Prefs:Tables>
</Window.Resources>
<Grid>
    <StackPanel Orientation="Horizontal">
        <ListView Name="listView1" Background="Transparent" Height="534" BorderThickness="0 0 0 1" VerticalAlignment="Top">
            <ListView.ItemsSource>
                <Binding Source="{StaticResource TClass}" Path="Instance.dtAccounts" Mode="TwoWay"></Binding>
            </ListView.ItemsSource>
            <ListView.View>
                <GridView x:Name="GridView1" ColumnHeaderContainerStyle="{StaticResource GridViewHeader}" AllowsColumnReorder="True">
                    <GridViewColumn Header="Company Name">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock x:Name="txbName" Padding="0 0 5 0" >
                                    <TextBlock.Text>
                                    <Binding Path="NAME">

                                    </Binding>
                                        </TextBlock.Text>
                                </TextBlock>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <StackPanel Name="stkPanel1" Margin="100 0 0 0">
            <TextBlock></TextBlock>
        </StackPanel>
    </StackPanel>
</Grid>

Window1.xaml.cs

public partial class Window1 : Window
{
    DataTable dt = new DataTable();
    public Window1()
    {
        InitializeComponent();
        Tables.Instance.dtAccounts = Worker.LoadAccounts();
    }

}

Класс Tables.cs

public class Tables : INotifyPropertyChanged
{
    private static Tables instance;
    public event PropertyChangedEventHandler PropertyChanged = delegate { };
    private DataTable _dtAccounts;

    public Tables()
    {
    }

    // Singleton instance read-only property
    public static Tables Instance
    {
        get
        {
            if (instance == null)
            {
                instance = new Tables();
            }
            return instance;
        }
    }

    public DataTable dtAccounts
    {
        get
        {
            return _dtAccounts;
        }
        set
        {
            _dtAccounts = value;
            OnPropertyChanged("dtAccounts");
        }
    }

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

=====================

Окончательный рабочий код

Я смог сделать это с помощью ответа, предоставленного Филом. Размещение моего обновленного кода ниже, так как это может быть полезно для кого-то еще.

XAML:

<Grid>
    <StackPanel Orientation="Horizontal">
        <ListView Name="listView1" Background="Transparent" Height="534" BorderThickness="0 0 0 1" VerticalAlignment="Top" SelectionChanged="listView1_SelectionChanged">
            <ListView.ItemsSource>
                <Binding Source="{StaticResource TClass}" Path="Instance.dtAccounts" Mode="TwoWay"></Binding>
            </ListView.ItemsSource>
            <ListView.View>
                <GridView x:Name="GridView1" ColumnHeaderContainerStyle="{StaticResource GridViewHeader}" AllowsColumnReorder="True">
                    <GridViewColumn Header="Company Name">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Name="txbName" Padding="0 0 5 0" >
                                    <TextBlock.Text>
                                    <Binding Path="NAME">

                                    </Binding>
                                        </TextBlock.Text>
                                </TextBlock>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <StackPanel Name="stkPanel1" Margin="100 0 0 0">
            <TextBlock>
                <TextBlock.Text>
                    <Binding Source="{StaticResource TClass}" Path="Instance.SelectedName" Mode="TwoWay">

                    </Binding>
                </TextBlock.Text>
            </TextBlock>
        </StackPanel>
    </StackPanel>
</Grid>

Window1.xaml.cs

public partial class Window1 : Window
{
    DataTable dt = new DataTable();
    public Window1()
    {
        InitializeComponent();
        Tables.Instance.dtAccounts = Worker.LoadAccounts();
    }

    private void listView1_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        ListView lstView = sender as ListView;
        int item = lstView.SelectedIndex;
        Tables.Instance.SetSelectedRow(item);
    }
}

Tables.cs

public class Tables : INotifyPropertyChanged
{
    private static Tables instance;
    public event PropertyChangedEventHandler PropertyChanged = delegate { };
    private DataTable _dtAccounts;
    private string _selectedName;

    public Tables()
    {
    }

    // Singleton instance read-only property
    public static Tables Instance
    {
        get
        {
            if (instance == null)
            {
                instance = new Tables();
            }
            return instance;
        }
    }

    public DataTable dtAccounts
    {
        get
        {
            return _dtAccounts;
        }
        set
        {
            _dtAccounts = value;
            OnPropertyChanged("dtAccounts");
        }
    }

    public string SelectedName
    {
        get
        {
            return _selectedName;
        }
        set
        {
            _selectedName = value;
            OnPropertyChanged("SelectedName");
        }

    }

    public void SetSelectedRow(int index)
    {
        int indexNo = index;
        SelectedName = dtAccounts.Rows[index][0].ToString();
    }

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

Ответы [ 2 ]

1 голос
/ 24 июня 2010

Вот как-то так:

public partial class DynamicListViewWindow : Window
{
    public DynamicListViewWindow()
    {
        InitializeComponent();

        ObservableCollection<Person> personList = new ObservableCollection<Person>();

        personList.Add(new Person() { FirstName = "John", LastName = "Doe", Age = 30, Address = "123 Doe Street", Phone = "111-111-1111" });
        personList.Add(new Person() { FirstName = "Jane", LastName = "Doe", Age = 28, Address = "123 Doe Street", Phone = "222-222-2222" });
        personList.Add(new Person() { FirstName = "Mark", LastName = "Doe", Age = 15, Address = "123 Doe Street", Phone = "333-333-3333" });
        personList.Add(new Person() { FirstName = "John", LastName = "Smith", Age = 40, Address = "123 Doe Street", Phone = "444-444-4444" });
        personList.Add(new Person() { FirstName = "Rosy", LastName = "Smith", Age = 36, Address = "123 Doe Street", Phone = "555-555-5555" });

        PersonListView.ItemsSource = personList;
    }

    private void PersonListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (PersonListView.SelectedIndex >= 0)
        {
            Object data = PersonListView.SelectedItem;
            PropertyInfo[] properties = data.GetType().GetProperties(BindingFlags.Public | BindingFlags.Instance);

            ExtraPropertiesPanel.Children.Clear();

            foreach (PropertyInfo prop in properties)
            {
                TextBox tb = new TextBox();
                Binding b = new Binding() { Source = data, Path = new PropertyPath(prop.Name) };
                tb.SetBinding(TextBox.TextProperty, b);
                ExtraPropertiesPanel.Children.Add(tb);
            }
        }
    }
}

public class Person
{
    public String FirstName { get; set; }
    public String LastName { get; set; }
    public Int32 Age { get; set; }
    public String Address { get; set; }
    public String Phone { get; set; }
}

XAML

<Window x:Class="WPFApplication1.DynamicListViewWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window"
    Height="300"
    Width="300">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Border Grid.Column="0">
        <ListView Name="PersonListView" SelectionChanged="PersonListView_SelectionChanged">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="First Name"
                                    DisplayMemberBinding="{Binding FirstName}" />
                    <GridViewColumn Header="Last Name"
                                    DisplayMemberBinding="{Binding LastName}" />
                </GridView>
            </ListView.View>
        </ListView>
    </Border>
    <Border Grid.Column="1">
        <StackPanel Name="ExtraPropertiesPanel"></StackPanel>
    </Border>
</Grid>

1 голос
/ 24 июня 2010

Вот базовое описание того, как вы можете достичь этого.Это не идеальное решение, но оно должно привести вас на правильный путь.

  1. Создайте переменную поля в вашем классе таблиц, которая представляет одну строку в вашей таблице данных.
  2. Создайтеметод в вашем классе таблиц, который устанавливает эту переменную поля в соответствующую строку в вашей таблице.
  3. Создание свойств, представляющих значения строки.
  4. Метод шага № 2 должен будет сделать уведомление об изменении для всех свойств, представленных на шаге № 3 (OnPropertyChanged).
  5. Обработайте событие selection_changed в своем коде позади, и из этого обработчика события вызовите метод в своем классе Tables, который устанавливает выбранную строку.
  6. Привязайте ваши текстовые блоки к свойствам, представленным на шаге № 3.
...