Назад
Создание прибыльного бизнеспроекта на базе сайта

SEO + ASP.NET 4.0 + БИЗНЕСМОДЕЛЬ = ПРИБЫЛЬНЫЙ САЙТ

Инструмент быстрого построения прибыльного онлайн бизнеса своими силами без капиталовложений за 4 месяца все подробности на SEO + ASP.NET 4.0.

Подписка на рассылку

МАГИЯ C#!

Создание вебсайта с формой автоматического приема онлайн платежей по WebMoney!
Ваше имя
Ваш e-mail
Уроки по ASP.NET c# ADO.NET
     

18 видеоуроков
более 5 часов
по созданию сайта,
выполняющего
продажи ваших продуктов (физических/электронных) на полном автомате с личным оповещением на e-mail, а также ...
DVD-курс по C#, .NET

3 часть. Введение в ASP.NET. WebServices Профессиональная подготовка разработчика по языку C# на платформе .NET

asp.net webservices dvd c# gridview Гудок курс Более 65 подробных видео уроков по теоретическим основам технологии сайтостроения ASP.NET и процессу создания и использованию вебсервисов.

DVD-курс по C#, .NET

2А часть. XML/TXT в аспекте ADO.NET Профессиональная подготовка разработчика по языку C# на платформе .NET

xml txt dvd c# ADO ADO.NET Гудок курс 70 подробных видео уроков по работе с форматами xml, txt, по работе с файлами и директориями. Разработка высокоорганизованных свойств для значительного сокращения объема исходного кода и облегчения дальнейшей модификации и многое-многое другое...

DVD-курс по C#, .NET

1 часть. Windows Forms Профессиональная подготовка разработчика по языку C# на платформе .NET

Профессиональная подготовка на c# А. Гудок

185 подробнейших уроков (70 часов) лекций в формате видеоуроков по теории языка c# и платформы .NET. Практическое закрепление теоретического материала на примере создания Windows Forms - приложения видеоигры "Tanks"

DVD-курс по C#, .NET

2 часть. ADO.NET/SQL Профессиональная подготовка разработчика по языку C# на платформе .NET

Профессиональная подготовка на c# А. Гудок ADO.NET sql

165 подробных видео уроков по созданию приложений распределенных баз данных на примере разработки проектов с использований технологий ADO.NET (Connected model, Disconnected model, Typed DataSet, ...)

Бодибилдинг
Программы тренировок для занятий штангой, гантелями; описание тренажеров

Я записываю курсы!
  Курс валют

НБУ курс евро






ASP.NET слежение строки GridView за курсором мыши



В статье Вставка в GridView промежуточных строк средствами c# мы использовали событие GridView.RowDataBound для внесения своих коррективов в процесс создания и заполнения контрола GridView.

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

Вопрос заключается в том, что бы заставить отрисованный html-разметкой на клиенте GridView, а точнее строки полученной таблицы, выполнять "слежку" за курсором.

То есть, при наведении курсора мышки на любую строку, последняя окрашивалась бы в требуемый цвет, а при ухода со строки - возвращалась бы к исходному виду. Я думаю, Вы поняли очем речь, что-то вроде табличного Roll-Over.

Понятно, что серверно это дело не решить, поскольку перегружать страницу для всего лишь выделения требуемой строки - это полный изврат!

Поэтому вопрос этот ложится полностью на клиентский браузер.

И здесь два возможных решения: или использовать JavaScript, или обычные стили.

Я выбираю стили, поскольку проще, да и будет работать даже при отключенных клиентских сценариях:

protected void GridViewContent_RowDataBound(object sender,
        GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes["onmouseover"] = 
            "this.style.backgroundColor='Red'";
        
        if(e.Row.RowIndex%2 == 0)
            e.Row.Attributes["onmouseout"] = 
            "this.style.backgroundColor='#EEE'";
        else
            e.Row.Attributes["onmouseout"] = 
            "this.style.backgroundColor='#DDD'";
    }
}

Метод прост.

С помощью списка клиентских аттрибутов Row.Attributes мы добавляем в выходную разметку поведенческие стили для каждой строки выходной таблицы свойства onmouseover и onmouseout.

Вот, что мы имеем теперь на клиенте для отдельной строки когда-то бывшего серверного GridView:

<tr onmouseover="this.style.backgroundColor='#FFE4B5'" 
onmouseout="this.style.backgroundColor='#EEEEEE'" 
style="color:Black;background-color:#EEEEEE;">



Больше информации читайте по теме:

Использование Repeater в ASP.NET c# (вывод статьи и комментариев в HeaderTemplate и ItemTemplate)
ASP.NET: Доступ к серверным элементам управления на клиенте. Управление видимостью серверных контролов на стороне клиента с помощью JavaScript
ASP.NET - Программное изменение активной даты в контроле Calendar на с#
ASP.NET - использование Repeater с ObjectDataSource для вывода статей
c# - сортировка в GridView по нескольким столбцам
Вставка в GridView промежуточных (дополнительных) строк средствами c# (событие RowDataBound)
Получение объекта SessionState в обработчике запросов .ashx
Cross-Page Posting: Межстраничная отправка данных средствами ASP.NET (передача данных между страницами .aspx)
Динамическая генерация (автоматическое формирование) пути изображения с помощью хендлера .ashx
Скрытие пути изображения (защита изображения) ASP.NET
Установка капчи на сайте ASP.NET
Вставка (внедрение, подключение) кода JavaScript в страницу (разметку) ASP.NET
Отображение данных в GridView используя SqlDataSource
Типы проектов ASP.NET – Web Site и WebApplication
Семь важных фактов об ASP.NET



Оценить статью:

Оценивая статью, Вы подсказываете нам насколько данная информация стала полезной именно для Вас. Мы ожидаем, прежде всего, оценку доступности материала для понимания и простоты его изложения. Дополнительные комментари, вопросы, дополнения и замечания Вы можете указать на странице От Вас

Частичное, или полное копирование материала данной статьи возможно лишь при размещении ссылки на данную страницу.


            
        


        Саша    28.01.2011 22:26:23
        

Спасибо за статью, Саша. Кругом одни Саши, я тоже :)


        VHS    30.01.2011 13:45:12
        

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




Имя:  


Текст комментариев (не больше 600 знаков):  
введите не более 600 знаков



Введите символы с картинки:
Капча имеет "срок годности". Поэтому, если необходимо обновите страницу.



Черный список покупателей
c# курс Гудок   курс по ASP.NET Гудок   курс по ADO.NET Гудок   курс по XML txt Гудок   курс по рефлексии и многопоточности Гудок