Столбцы DataGrid

Ниже показан пример переделанного элемента управления DataGrid, который создает два столбца с названиями товаров и ценами. В нем также применяются более понятные заголовки для столбцов, а столбец Product расширен так, чтобы умещать предназначенные для него данные:

<DataGrid Name="gridProducts" AutoGenerateColumns="False">
        <DataGrid.Columns>
               <DataGridTextColumn Header="Продукт" Width="175" 
                             Binding="{Binding Path=ModelName}"></DataGridTextColumn> 
               <DataGridTextColumn Header="Цена" 
                             Binding="{Binding Path=UnitCost,StringFormat={}{0:C}}"></DataGridTextColumn>
        </DataGrid.Columns>
 </DataGrid>

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

Для установки свойства DataGridColumn.Header обычно используется простая строка, но это не обязательно. Заголовок столбца действует как элемент управления содержимым, и потому для свойства Header может быть указан любой элемент, в том числе изображение или панель компоновки с комбинацией элементов.

Свойство DataGridColumn.Width поддерживает жестко закодированные значения и несколько режимов автоматической настройки размеров, в точности как и свойство DataGrid.ColumnWidth, рассмотренное в предыдущей статье. Единственное отличие состоит в том, что свойство DataGridColumn.Width применяется к единственному столбцу, а свойство DataGrid.ColumnWidth задает значение по умолчанию для всей сетки. Значение свойства DataGridColumn.Width переопределяет значение свойства DataGrid.ColumnWidth.

Выражение привязки является самой важной деталью, поскольку отвечает за предоставление корректной информации. Оно устанавливается в свойстве DataGridColumn.Binding. Этот подход отличается от применяемого в простых списковых элементах управления вроде ListBox и ComboBox. В них для данной цели служит свойство DisplayMemberPath, а не Binding. Подход со свойством Binding является более гибким, поскольку позволяет применять форматирование строк и конвертеры значений без перехода на использование полнофункционального шаблонного столбца.

Класс DataGridCheckBoxColumn

Класс Product не включает никаких булевских свойств, но если бы имел, то для них подошел бы класс DataGridCheckBoxColumn.

Как и в DataGridTextColumn, в классе DataGridCheckBoxColumn для извлечения данных применяется свойство Binding. Здесь в роли данных выступает значение true или false, которое применяется для установки свойства IsChecked размещающегося внутри элемента CheckBox. Класс DataGridCheckBoxColumn имеет свойство по имени Content, которое позволяет отобразить рядом с флажком дополнительное содержимое, и свойство IsThreeState, которое позволяет указать, должен ли флажок поддерживать неопределенное состояние вдобавок к отмеченному и неотмеченному состоянию.

Если DataGridCheckBoxColumn используется для отображения информации из булевского значения, допускающего null, свойство IsThreeState имеет смысл установить в true. Это даст возможность щелчком переводить флажок в неопределенное состояние (при котором он отображается в слегка затененном виде), устанавливая привязанное значение в null.

Класс DataGridHyperlinkColumn

Класс DataGridHyperlinkColumn позволяет отображать текстовые значения, каждое из которых содержит один URL-адрес. Например, если в классе Product есть свойство по имени ProductLink со значением вроде http://professorweb.ru, можно отобразить эту информацию в DataGridHyperlinkColumn. Каждое привязанное значение тогда будет отображаться с использованием элемента Hyperlink следующим образом:

<Hyperlink NavigateUri=" http://professorweb.ru"> http://professorweb.ru</Hyperlink>

Пользователь получает возможность щелкать на гиперссылке и переходить на соответствующую страницу, при этом никакого специального кода писать не понадобилось. Однако здесь имеется одно существенное ограничение: такой прием с автоматической навигацией работает только в случае размещения объекта DataGrid в контейнере, который поддерживает события навигации, как, например, Frame или NavigationWindow.

Если нужен более универсальный способ для достижения похожего эффекта, следует воспользоваться классом DataGridTemplateColumn. С его помощью можно отобразить подчеркнутый текст с возможностью щелчка на нем (в действительности можно даже применить элемент управления Hyperlink) и обрабатывать эти события щелчка в коде.

Обычно в DataGridHyperlinkColumn применяется один и тот же фрагмент информации для навигации и для отображения. Однако при желании их можно указать по отдельности. Для этого в свойстве Binding понадобится установить URL-адрес, а необязательное свойство ContentBinding использовать для извлечения отображаемого текста из какого-то другого свойства привязанного объекта данных.

Класс DataGridComboBoxColumn

Класс DataGridComboBoxColumn позволяет отображать обычный текст, но предоставляет более совершенное поведение в режиме редактирования — пользователь получает возможность выбирать желаемый вариант из списка доступных опций в элементе управления ComboBox. (Фактически, выбор ограничивается списком значений, поскольку непосредственный ввод текста в ComboBox не разрешен.) Ниже показан пример выбора пользователем категории товара в DataGridComboBoxColumn:

При использовании DataGridComboBoxColumn понадобится решить, каким образом заполнять элемент ComboBox в режиме редактирования. Самым простым подходом является его заполнение вручную, в разметке. Например, вот как добавить в ComboBox список строк:

xmlns:col="clr-namespace:System.Collections;assembly=mscorlib"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
...
<DataGridComboBoxColumn Header="Категория" SelectedItemBinding="{Binding Path=CategoryName}">
        <DataGridComboBoxColumn.ItemsSource>
                  <col:ArrayList>
                                <sys:String>General</sys:String>
                                <sys:String>Communications</sys:String>
                                <sys:String>Deception</sys:String>
                                <sys:String>Munitions</sys:String>
                                <sys:String>Protection</sys:String>
                                <sys:String>Tools</sys:String>
                                <sys:String>Travel</sys:String>
                  </col:ArrayList>
         </DataGridComboBoxColumn.ItemsSource>
</DataGridComboBoxColumn></pre></code>