ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
От: 4aIIaeB
8. сентября 2012 00:32

Этот пост показывает как, используя плагин jQuery, отсортировать колонки привязанные к пользовательским классам.

Создайте ASP.NET вебсайт и добавьте GridView на него. Здесь я добавляю некий класс Employee и привязываю его к GridView.

Теперь загрузите плагин tablesorter отсюда tablesorter.com и положите его в папку со скриптами. Здесь я добавил jQuery плагин в папку со скриптами, но можно было бы взять этот скрипт из Microsoft CDN.

Плагин tablesorter нуждается в тегах THEAD и TBODY для своей работы. Контрол GridView по умолчанию не генерит эти теги, но он позаоляет включить с помощью настроечных свойств. Используйте последующий код для генерации этих тегов


protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);
if (gvCustom.Rows.Count > 0)
{
//To render header in accessible format
gvCustom.UseAccessibleHeader = true;

//Add the <thead> element
gvCustom.HeaderRow.TableSection = TableRowSection.TableHeader;

//Add the <tfoot> element
gvCustom.FooterRow.TableSection = TableRowSection.TableFooter;

if (gvCustom.TopPagerRow != null)
{
gvCustom.TopPagerRow.TableSection = TableRowSection.TableHeader;
}
if (gvCustom.BottomPagerRow != null)
{
gvCustom.BottomPagerRow.TableSection = TableRowSection.TableFooter;
}
}
}

Теперь добавим следующий код для вызова плагина tablesorter над GridView.

Помните: Если страничность включена у GridView, то только текущая страница сортируется. Для того чтобы использовать этот плагин вам нужно выключить страничность. Этот плагин работает прекрасно, когда GridView имеет меньшее количество строк (чем при необходимости страничности).

gridview table sorter

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


Это перевод. Оригинал здесь.

Похожие записи


Как заставить ASP.NET контрол GridView сгенерировать THead и TBody ?
ASP.NET контрол GridView не генерит теги thead and tbody по умолчанию. Длятого чтобы сгенерировать заголовок а приемлимом формате, а также теги thead and tbody, используйте следующй код: C# protected void Page_Load(object sender, EventArgs e){ // adds scope attribute GridView1.UseAccessibleHeader = true; //adds <thead> and <tbody> elements ...

Как перевести ASP.NET TextBox-ы в режим только для чтения на jQuery ?
В этом посте, мы рассмотрим как перевести ASP.NET TextBox в режим только для чтения, используя jQuery. Такое поведение часто можно увидеть в приложениях, где форма открывается в режиме редактирования, но некоторые текстовые поля ввода переводятся в режим только для чтения, для предотвращения ввода пользователем текста в них. Давайте посмотрим, как просто можно...

Как отменить обновление или удаление строки в контроле GridView под ASP.NET ?
Для отмены операции обновления и удаления, мы можем использовать события RowUpdating и RowDeleting. События описаны ниже: RowUpdating случается, когда кнопка Update внутри строки кликается, но перед тем как контрол GridView обновляет строку. RowDeleting случается, когда кнопка Delete внутри строки кликается, но перед тем как контрол GridView удаляет строку...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий