Практическое руководство. Привязка элементов управления WPF к данным в Visual Studio

Статья
06/10/2015

Вы можете создавать элементы управления с привязкой к данным WPF с помощью окна Источники данных. Сначала добавьте источник данных в окно Источники данных. Затем перетащите элементы из окна Источники данных в Конструктор WPF.

Добавление источника данных в окно "Источники данных"

Перед созданием элементов управления с привязкой к данным необходимо добавить источник данных в окно Источники данных.

Порядок добавления источника данных в окно "Источники данных"

В меню Вид наведите указатель мыши на пункт Другие окна и выберите пункт Источники данных.
Выберите команду Добавить новый источник данных и выполните Мастер настройки источника данных.
Выполните одну из следующих задач для создания элементов управления с привязкой к данным.
- Создание элемента управления, который привязан к одному полю данных.
- Создание элемента управления, который привязан к нескольким полям данных.
- Создание набора элементов управления, которые привязаны к нескольким полям данных.
- Привязка данных к существующим элементам управления в конструкторе.

Создание элемента управления, который привязан к одному полю данных

После добавления источника данных в окно Источники данных вы можете создать новый элемент управления с привязкой к данным, отображающий отдельное поле данных, например ComboBox или TextBox.

Порядок создания элемента управления, который привязан к одному полю данных

В окне Источники данных разверните элемент, представляющий таблицу или объект. Найдите дочерний элемент, представляющий столбец или свойство, к которым вы хотите выполнить привязку. Визуальный пример см. в разделе окно "Источники данных".
При необходимости выберите создаваемый элемент управления. Каждый элемент в окне Источники данных имеет элемент управления по умолчанию, который создается при перетаскивании элемента в конструктор. Этот элемент управления по умолчанию зависит от базового типа данных элемента.

Чтобы выбрать другой элемент управления, щелкните стрелку раскрывающегося списка рядом с элементом и выберите нужный элемент управления. Для получения дополнительной информации см. Практическое руководство. Установка элемента управления, создаваемого при перетаскивании из окна "Источники данных".
Перетащите элемент в допустимый контейнер в конструкторе, например Grid. Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

Visual Studio создает в контейнере новый элемент управления с привязкой к данным и Label с соответствующим названием. Visual Studio также создает Язык XAML и код для привязки элемента управления к данным. Для получения дополнительной информации см. Привязка элементов управления WPF к данным в Visual Studio.

Создание элемента управления, который привязан к нескольким полям данных

После добавления источника данных в окно Источники данных вы можете создать новый элемент управления с привязкой к данным, отображающий несколько полей данных, например DataGrid или ListView.

Порядок создания элемента управления, который привязан к нескольким полям данных

В окне Источники данных выберите элемент, представляющий таблицу или объект. Визуальный пример см. в разделе окно "Источники данных".
При необходимости выберите создаваемый элемент управления. По умолчанию каждый элемент в окне Источники данных, представляющий объект или таблицу данных, настроен на создание DataGrid (если ваш проект ориентирован на платформу .NET Framework 4) или ListView (для более ранних версий платформы .NET Framework).

Чтобы выбрать другой элемент управления, щелкните стрелку раскрывающегося списка рядом с элементом и выберите нужный элемент управления. Для получения дополнительной информации см. Практическое руководство. Установка элемента управления, создаваемого при перетаскивании из окна "Источники данных".

Примечание

Если вы не хотите отображать определенный столбец или определенное свойство, разверните этот элемент для отображения его дочерних элементов.Щелкните стрелку раскрывающегося списка рядом со столбцом или свойством, которые вы не хотите отображать, и выберите Нет.
Перетащите элемент в допустимый контейнер в конструкторе, например Grid. Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

Visual Studio создает в контейнере новый элемент управления с привязкой к данным. Visual Studio также создает Язык XAML и код для привязки элемента управления к данным. Для получения дополнительной информации см. Привязка элементов управления WPF к данным в Visual Studio.

Создание набора элементов управления, которые привязаны к нескольким полям данных

После добавления источника данных в окно Источники данных вы можете привязать объект или таблицу данных к набору элементов управления. Для каждого столбца или свойства в таблице или объекте создается отдельный элемент управления.

Порядок создания набора элементов управления, которые привязаны к нескольким полям данных

В окне Источники данных выберите элемент, представляющий таблицу или объект. Визуальный пример см. в разделе окно "Источники данных".
Щелкните стрелку раскрывающегося списка рядом с элементом и выберите Сведения.

Примечание

Если вы не хотите отображать определенный столбец или определенное свойство, разверните этот элемент для отображения его дочерних элементов.Щелкните стрелку раскрывающегося списка рядом со столбцом или свойством, которые вы не хотите отображать, и выберите Нет.
Перетащите элемент в допустимый контейнер в конструкторе, например Grid. Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

Visual Studio создает в контейнере новые элементы управления с привязкой к данным. Каждый элемент управления привязан к отдельному столбцу или свойству, а также снабжен элементом управления Label с соответствующим названием. Visual Studio также создает Язык XAML и код для привязки элементов управления к данным. Для получения дополнительной информации см. Привязка элементов управления WPF к данным в Visual Studio.

Привязка данных к существующим элементам управления в конструкторе

После добавления источника данных в окно Источники данных вы можете добавить привязку к данным в существующий элемент управления в конструкторе.

Порядок привязки данных к существующему элементу управления в конструкторе.

В окне Источники данных выполните одну из следующих процедур.
- Чтобы добавить привязку к данным в существующий элемент управления, который отображает несколько полей данных, например DataGrid или ListView, выберите элемент, представляющий таблицу или объект, которые вы хотите привязать к элементу управления.
- Чтобы добавить привязку к данным в существующий элемент управления, который отображает одно поле данных, например ComboBox или TextBox, разверните элемент, представляющий таблицу или объект, которые содержат данные, а затем выберите элемент, представляющий данные, которые вы хотите привязать к элементу управления.
Перетащите выбранный элемент из окна Источники данных на существующий элемент управления в конструкторе. Этот элемент управления должен быть допустимым местом назначения для перетаскивания. Для получения дополнительной информации см. Привязка элементов управления WPF к данным в Visual Studio.

Visual Studio создает Язык XAML и код для привязки элемента управления к данным. Для получения дополнительной информации см. Привязка элементов управления WPF к данным в Visual Studio.

Примечание

Если элемент управления уже привязан к данным, привязка к данным для него сбрасывается на элемент, который был перетащен на этот элемент управления последним.