GridView. Отследить событие onclick

@temcha · Регистрация: 07.09.2012

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста следующий момент:
на странице есть GridView control. Каким образом можно отследить событие onclick при нажатии на рядок (row) с возможностью узнать на какой именно ряд было произведено нажатие. Аналогично хотелось бы прописать CSS класс Hover для рядков.... спасибо за помощь

@ninasus · 05.03.2013, 10:46

Первое, что пришло в голову - это использовать javascript/jQuery (если Вы имеете ввиду - что можно на рядок кликнуть в любом месте)

Другой вариант отказаться от GridView и использовать Repeater, а в нем рядок заключить или в бутон или линк какой то.

@skynick99 · 05.03.2013, 12:47

Элементы кнопок: Button, LinkButton у которых есть свойство CommаndName или CommandArgument, дальше, событие GridView = RowCommand. Ну дальше делай, что надо.
Вот ссылка, http://msdn.microsoft.com/ru-r... s.90).aspx

Добавлено через 4 минуты

Сообщение от ninasus

Первое, что пришло в голову - это использовать javascript/jQuery (если Вы имеете ввиду - что можно на рядок кликнуть в любом месте)

тут я могу констатировать факт, что вы плохо знакомы с gridview. Я сам предпочитаю ListView, ну логика одна остается такая же.

Добавлено через 4 минуты
если интересно разберайтесь:

Кликните здесь для просмотра всего текста

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 protected void ListView1_ItemDataBound(object sender, ListViewItemEventArgs e)
        {
            if (e.Item.ItemType == ListViewItemType.DataItem)
            {
                Button btn = e.Item.FindControl("Button1") as Button;
                string script = this.ClientScript.GetPostBackClientHyperlink(btn,"",true);
                Panel p = e.Item.FindControl("Panel1") as Panel;
                p.Attributes.Add("onclick",script);
            }
        }
 
        protected void ListView1_SelectedIndexChanging(object sender, ListViewSelectEventArgs e)
        {
        
        }

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<asp:ListView ID="ListView1" runat="server" DataKeyNames="id" 
        DataSourceID="SqlDataSource1" onitemdatabound="ListView1_ItemDataBound" 
        onselectedindexchanging="ListView1_SelectedIndexChanging">
        
        <LayoutTemplate>
            <table runat="server">
                <tr runat="server">
                    <td runat="server">
                        <table ID="itemPlaceholderContainer" runat="server" border="0" style="">
                            <tr runat="server" style="">
                                <th runat="server">
                                    id</th>
                                <th runat="server">
                                    approved</th>
                            </tr>
                            <tr ID="itemPlaceholder" runat="server">
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr runat="server">
                    <td runat="server" style="">
                    </td>
                </tr>
            </table>
        </LayoutTemplate>
        
        <SelectedItemTemplate>
            <tr style="">
                <td>
                    <asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' />
                </td>
                <td>
                    <asp:CheckBox ID="approvedCheckBox" runat="server" 
                        Checked='<%# Eval("approved") %>' Enabled="false" />
                </td>
            </tr>
        </SelectedItemTemplate>
        <EmptyDataTemplate>
            <table runat="server" style="">
                <tr>
                    <td>
                        No data was returned.</td>
                </tr>
            </table>
        </EmptyDataTemplate>
        
        <ItemTemplate>
            <tr style="">
                <td>
                    <asp:Panel ID="Panel1" runat="server">
                    
                    <asp:Button ID="Button1" CommandName="Select" runat="server" Text="Button" Visible="false" />
                    <asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' />
                    </asp:Panel>
                </td>
                <td>
                    
                </td>
            </tr>
        </ItemTemplate>
    </asp:ListView>

Добавлено через 9 минут
что было интересней читать объясню смысл: каждый Row это Panel. в котором есть Button (hidden) мы просто снабжаем наш Panel событием нашего Button.

@temcha · 05.03.2013, 14:07 **[ТС]**

Добавлено через 8 минут

Сообщение от skynick99

Элементы кнопок: Button, LinkButton у которых есть свойство CommаndName или CommandArgument, дальше, событие GridView = RowCommand. Ну дальше делай, что надо.
Вот ссылка, http://msdn.microsoft.com/ru-r... s.90).aspx

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

@skynick99 · 05.03.2013, 16:06

под gridview оказывается еще проще

...

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 protected void Page_Load(object sender, EventArgs e)
    {
        GridView gv = new GridView();
        gv.RowDataBound += new GridViewRowEventHandler(gv_RowDataBound);
        gv.AutoGenerateColumns = false;
 
        BoundField id_brand = new BoundField();
        BoundField title_brand = new BoundField();     
 
        id_brand.DataField = "ID";
        title_brand.DataField = "Title";
 
        gv.Columns.Add(id_brand);
        gv.Columns.Add(title_brand);
       
 
        form1.Controls.Add(gv);
 
        //мой конект к БД ясно что у вас другой. 
        SqlBrandsProvider brands = new SqlBrandsProvider(WebConfigurationManager.ConnectionStrings["skynickConnectionString"].ConnectionString);
        gv.DataSource = brands.GetBrands(-1, 0, 80, "BrandId");
        gv.DataBind();
}
void gv_RowDataBound(object sender, GridViewRowEventArgs e)
    {
 
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#ceedfc'");
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=''");
            e.Row.Attributes.Add("style", "cursor:pointer;");
            e.Row.Attributes.Add("onclick", "location='default.aspx?id=" + e.Row.Cells[0].Text + "'");
        }
    }

Добавлено через 1 час 40 минут
более точный вариант, но тут приходится отключить

HTML5
1
EnableEventValidation="false"

что не есть хорошо.
сам вариант:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    
    <title>
       
    </title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       
    </div>
    </form>
   
</body>
</html>

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 protected void Page_Load(object sender, EventArgs e)
    {
       
        GridView gv = new GridView();
        gv.RowDataBound += new GridViewRowEventHandler(gv_RowDataBound);
        gv.RowCommand += new GridViewCommandEventHandler(gv_RowCommand);
        gv.AutoGenerateColumns = false;
 
        BoundField id_brand = new BoundField();
        BoundField title_brand = new BoundField();    
        ButtonField button_field = new ButtonField();
       
        button_field.ButtonType = ButtonType.Button;
        button_field.CommandName = "Good_game";   
               
        id_brand.DataField = "ID";
        title_brand.DataField = "Title";
        
        button_field.Visible = false;
        button_field.Text = "Click";
       
        gv.Columns.Add(id_brand);
        gv.Columns.Add(title_brand);
        gv.Columns.Add(button_field);       
 
        form1.Controls.Add(gv);
 
        //мой конект к БД ясно что у вас другой. 
        SqlBrandsProvider brands = new SqlBrandsProvider(WebConfigurationManager.ConnectionStrings["skynickConnectionString"].ConnectionString);
        gv.DataSource = brands.GetBrands(-1, 0, 80, "BrandId");
        gv.DataBind();
}
 void gv_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        if (e.CommandName.ToString() == "Good_game") Response.Redirect("http://google.com.ua");
        
    }
 
void gv_RowDataBound(object sender, GridViewRowEventArgs e)
    {
 
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#ceedfc'");
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=''");
            e.Row.Attributes.Add("style", "cursor:pointer;");
 
            Button hp = e.Row.Cells[2].Controls[0] as Button;
            string script=this.ClientScript.GetPostBackClientHyperlink(hp, "",false);
            e.Row.Attributes.Add("onclick", script);
          //  e.Row.Attributes.Add("onclick", "location='default.aspx?id=" + e.Row.Cells[0].Text + "'");
            
        }
    }

@temcha · 05.03.2013, 16:32 **[ТС]**

а теперь попутно еще один вопрос - Вы не могли бы объяснить мне принцип действия ClientScript.GetPostBackClientHyperlink и ClientScript.GetPostBackEventReference. А то как то вообще не доходит с МСДН'а=(

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@temcha 28 / 28 / 5 Регистрация: 07.09.2012 Сообщений: 119

	GridView. Отследить событие onclick 05.03.2013, 01:26. Показов 3945. Ответов 5 Метки нет (Все метки) Подскажите пожалуйста следующий момент: на странице есть GridView control. Каким образом можно отследить событие onclick при нажатии на рядок (row) с возможностью узнать на какой именно ряд было произведено нажатие. Аналогично хотелось бы прописать CSS класс Hover для рядков.... спасибо за помощь 0

@ninasus 3 / 3 / 2 Регистрация: 14.03.2012 Сообщений: 23
	05.03.2013, 10:46
	Первое, что пришло в голову - это использовать javascript/jQuery (если Вы имеете ввиду - что можно на рядок кликнуть в любом месте) Другой вариант отказаться от GridView и использовать Repeater, а в нем рядок заключить или в бутон или линк какой то. 0

@temcha 28 / 28 / 5 Регистрация: 07.09.2012 Сообщений: 119
	05.03.2013, 16:32 [ТС]
	а теперь попутно еще один вопрос - Вы не могли бы объяснить мне принцип действия ClientScript.GetPostBackClientHyperlink и ClientScript.GetPostBackEventReference. А то как то вообще не доходит с МСДН'а=( 0