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

  • Статья

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

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

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

Чтобы добавить источник данных в окно "Источники данных", выполните следующие действия

  1. Чтобы открыть окно Источники данных, щелкните пункт Показать источники данных в меню Данные.

  2. Щелкните Добавить новый источник данных и выполните все необходимые действия в Мастере настройки источника данных.

  3. Для создания связанных с данными элементов управления выполните одну из следующих операций:

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

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

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

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

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

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

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

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

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

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

  3. Перетащите элемент в допустимый контейнер в конструкторе, например Grid.Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

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

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

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

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

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

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

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

    ПримечаниеПримечание

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

  3. Перетащите элемент в допустимый контейнер в конструкторе, например Grid.Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

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

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

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

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

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

  2. Щелкните значок-стрелку раскрывающегося списка рядом с элементом и выберите Подробности.

    ПримечаниеПримечание

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

  3. Перетащите элемент в допустимый контейнер в конструкторе, например Grid.Дополнительные сведения о допустимых контейнерах см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

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

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

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

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

  1. В окне Источники данных выполните одну из следующих процедур:

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

    • Чтобы добавить привязку данных к существующему элементу управления, который отображает одно поле данных, например ComboBox или TextBox, разверните элемент, представляющий таблицу или объект, где содержатся данные, а затем выберите элемент, представляющий данные, которые требуется привязать к элементу управления.

  2. Перетащите выбранный элемент из окна Источники данных на существующий элемент управления в конструкторе.Этот элемент управления должен быть допустимым целевым объектом перетаскивания.Дополнительные сведения см. в разделе Привязка элементов управления WPF к данным в Visual Studio.

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

    ПримечаниеПримечание

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

См. также

Задачи

Практическое руководство. Создание таблиц подстановки в приложениях WPF

Практическое руководство. Отображение связанных данных в приложениях WPF

Пошаговое руководство. Привязка элементов управления WPF к модели EDM

Пошаговое руководство. Привязка элементов управления WPF к набору данных

Пошаговое руководство. Привязка элементов управления WPF к службе данных WCF

Пошаговое руководство. Отображение связанных данных в приложении WPF

Основные понятия

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