Добавление иконок в заголовки колонок браузера

Гриды DevExpress поддерживают ряд html тегов, которые можно использовать в заголовке колонок браузера. Один из этих тегов - <image> - позволяет отобразить изображение. Разберемся, как это можно сделать.

Для того, чтобы грид мог отображать изображения с помощью тега <image>, необходимо предварительно подготовить коллекцию изображений и назначить ее гриду. Для этого на браузер следует добавить панель - пользовательскую форму, которая при загрузке браузера выполнит необходимые действия - создаст коллекцию изображений и назначит ее свойству HtmlImages гридконтрола. Параметры панели следующие:

• Тип построения - Поверх формы
• Тип события - Загрузка формы
• Тип объекта - UserForm
• Объект - Подготовленная пользовательская форма

Параметры построения объекта:

• Расположение: Вверху слева
• Закрытие панели: Не отмечено
• Ширина, высота, отступы: 0

Свойства пользовательской формы:

• ControlBox: False
• FormBorderStyle: None
• Size: 0, 0

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

Private Sub Form_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Me.Load

  Try

    Dim f = Me.ParentForm ' Получение формы браузера

    Dim gctl = f.Help.GridControl ' Получение ссылки гридконтрол

    Dim ic = New DevExpress.Utils.ImageCollection() ' Создание коллекции изображений

    ' Добавление изображений в коллекцию и присвоение им идентификаторов

    ic.AddImage(DevExpress.Images.ImageResourceCache.Default.GetImage("images/actions/apply_16x16.png"),             "apply16x16")

  ic.AddImage(DevExpress.Images.ImageResourceCache.Default.GetImage("images/actions/cancel_16x16.png"), "cancel16x16")

    gctl.MainView.HtmlImages = ic ' Присвоение коллекции изображений гридконтролу

  Catch

  End Try

End Sub

После добавления данной пользовательской формы в качестве панели на браузер, в колонках можно использовать тег <image> для вывода изображений, например <image=apply16x16> или <image=cancel16x16> (значения после знака "=" - идентификаторы изображений, добавленных при наполнении коллекции в коде пользовательской формы).

После выполнения вышеописанных действий в браузере будет возможность отображать изображения в заголовках столбцов: