Изменить кнопку сортировки изображения в сетке

  <asp:ImageButton ID="lnkEmpIdUp" runat="server" ImageUrl="~/Images/upArrow.png" CommandName="EMP_ID_NO" OnClick="lnkSorting_Click" />
 &nbsp;
 <asp:ImageButton ID="lnkEmpIdDown" runat="server" ImageUrl="~/Images/downArrow.png" CommandName="EMP_ID_NO" OnClick="lnkSorting_Click" />

Как показано в приведенном выше коде, есть кнопка с 2 изображениями (сохраненная в шаблоне заголовка Gridview), по которой можно выполнить сортировку. При внимательном рассмотрении оба элемента управления имеют одинаковое имя команды и одно и то же событие onClick.

Событие OnClick обрабатывает столбец, который будет отсортирован по имени команды, а направление сортировки - через скрытое поле. Смотрите ниже код

    protected void lnkSorting_Click(object sender, EventArgs e)
            {
                // Initialize variables
                //Get Dataset values here for the grid.
                var imgSort = sender as ImageButton;
                string colName = imgSort.CommandName;

                if (imgSort.ImageUrl.Trim().ToUpper().Contains(("up").ToUpper())) // If Up(Ascending)arrow is clicked.
                {
                    if (hdnSortDir.Value.Equals(string.Empty) || hdnSortDir.Value.ToString().Equals("desc"))
                    {
                        hdnSortDir.Value = "asc";
                        //imgSort.ImageUrl = "~/Images/ascending.gif";
                    }
                }
                else if (imgSort.ImageUrl.Trim().ToUpper().Contains(("down").ToUpper()))
                {
                    hdnSortDir.Value = "desc";
                }

.....Sorting Logic...

}

Мое сомнение: Как я могу изменить изображение во время выполнения, когда сортировка выполняется в gridview? Скажем, после сортировки столбца "Имя сотрудника" по возрастанию восходящее изображение для этого столбца должно измениться на какое-то другое изображение, чтобы пользователь мог определить, какой столбец сортируется и в каком направлении.

Пожалуйста помоги!!!

Спасибо!

Источник

2 ответа

Решение

То же самое можно сделать в ограниченном массиве строк, установив выражение сортировки и значения направления сортировки в скрытом поле.

Источник

Обычно для сортировки, когда вы устанавливаете AllowSorting="true"Вы можете нажать на заголовок столбца для сортировки. Повторное нажатие переключит направление сортировки. Для индикации сортировки до ASP.NET 4 необходимо написать собственный код для вставки изображения в заголовок столбца, чтобы указать направление сортировки. Однако в ASP.NET 4 вы можете использовать свойства SortedAscendingHeaderStyle & SortedDescendingHeaderStyle, чтобы связать некоторый стиль или класс css с заголовками (у вас также есть свойства для стилизации отсортированных ячеек - см. SortedAscendingCellStyle & SortedDescendingCellStyle) - так, как правило, вы можете иметь css, который устанавливает фоновое изображение для отображения направления сортировки в заголовке столбца.

Посмотрите на эти статьи, чтобы лучше понять подход:

РЕДАКТИРОВАТЬ: Как уже говорилось выше, для ASP.NET 2.0-3.5 вам нужно написать собственный код, чтобы вставить эти значки сортировки в заголовки столбцов. Например, см. Эту статью, где сетка-представление расширенно, чтобы сделать то же самое, ИЛИ посмотрите, где RowDataBound событие используется для применения класса css к заголовку столбца (классы установят фоновую сортировку изображения) ИЛИ посмотрите, что использует RowCreated событие, чтобы фактически добавить элемент управления изображения в ячейку заголовка. Есть довольно много альтернативных, но похожих вариантов, возможно, - лично я предпочитаю второй подход применения классов CSS.

Источник
Другие вопросы по тегам