Блог

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

Чтобы реализовать это, я использую следующий код:

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // Set the hand mouse cursor for the selected row.
        e.Row.Attributes.Add("OnMouseOver", "this.style.cursor = 'hand';");

        // The seelctButton exists for ensuring the selection functionality
        // and bind it with the appropriate event hanlder.
        LinkButton selectButton = new LinkButton()
        {
            CommandName = "Select",
            Text = e.Row.Cells[0].Text
        };

        e.Row.Cells[0].Controls.Add(selectButton);
        e.Row.Attributes["OnClick"] =
             Page.ClientScript.GetPostBackClientHyperlink(selectButton, "");
    }
}
  

С приведенным выше кодом возникают следующие проблемы:

• Это работает нормально, только если для I EnableEventValidation для страницы установлено значение false .
• SelectedIndexChanged Запускается только в том случае, если Grid.DataBind() вызывается Page_Load для страницы (при каждой обратной отправке).

Я делаю что-то не так? Есть ли лучшая реализация?

Редактировать: Когда EnableEventValidation установлено значение true , появится следующая ошибка:

Недопустимый аргумент обратной передачи или обратного вызова. Проверка события включена с помощью в конфигурации или <%@ Page EnableEventValidation=»true» %> на странице. В целях безопасности эта функция проверяет, что аргументы для событий обратной отправки или callback исходят от серверного элемента управления, который первоначально их отобразил. Если данные действительны и ожидаемы, используйте ClientScriptManager.Метод RegisterForEventValidation для регистрации данных обратной передачи или callback для проверки.

Вы должны добавлять это при каждой обратной передаче, а не только при привязке данных. Поэтому вам следует использовать RowCreated-событие GridView.

Например

(C #):

 protected void GridView1_RowCreated(object sender, System.Web.UI.WebControls.GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow) {
        e.Row.Attributes["onmouseover"] = "this.style.cursor='pointer';this.style.textDecoration='underline';";
        e.Row.Attributes["onmouseout"] = "this.style.textDecoration='none';";
        e.Row.ToolTip = "Click to select row";
        e.Row.Attributes["onclick"] = this.Page.ClientScript.GetPostBackClientHyperlink(this.GridView1, "Select$"   e.Row.RowIndex);
    }
}
  

(VB.Net ):

 Private Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowCreated
    If e.Row.RowType = DataControlRowType.DataRow Then
        e.Row.Attributes("onmouseover") = "this.style.cursor='pointer';this.style.textDecoration='underline';"
        e.Row.Attributes("onmouseout") = "this.style.textDecoration='none';"
        e.Row.ToolTip = "Click to select row"
        e.Row.Attributes("onclick") = Me.Page.ClientScript.GetPostBackClientHyperlink(Me.GridView1, "Select$" amp; e.Row.RowIndex)
    End If
End Sub
  

Вместо того, чтобы делать это на RowCreated , вы могли бы сделать это на Render() . Таким образом, вы могли бы использовать перегрузку GetPostBackClientHyperlink с помощью true on registerForEventValidation и избежать ошибки «недопустимый аргумент обратной передачи / callback».

Что-то вроде этого:

 protected override void Render(HtmlTextWriter writer)
    {
      foreach (GridViewRow r in GridView1.Rows)
      {
        if (r.RowType == DataControlRowType.DataRow)
        {
          r.Attributes["onmouseover"] = "this.style.cursor='pointer';this.style.textDecoration='underline';";
          r.Attributes["onmouseout"] = "this.style.textDecoration='none';";
          r.ToolTip = "Click to select row";
          r.Attributes["onclick"] = this.Page.ClientScript.GetPostBackClientHyperlink(this.GridView1, "Select$"   r.RowIndex,true);

        }
      }

      base.Render(writer);
    }
  

 <style type="text/css">
    .hiddenColumn
    {
        display: none;
    }

    .rowGrid
    {
        cursor: pointer;
    }
</style>

<asp:GridView runat="server" ID="GridView1" AutoGenerateColumns="true" >
            <RowStyle CssClass="rowGrid" />
            <Columns>
                <asp:CommandField ButtonType="Button" ShowSelectButton="true" HeaderStyle-CssClass="hiddenColumn"
                    ItemStyle-CssClass="hiddenColumn" FooterStyle-CssClass="hiddenColumn" />
            </Columns>
        </asp:GridView>

<script type="text/javascript">
        $(function () {
            $("#<%= GridView1.ClientID %> tr.rowGrid")
            .live("click", function (event) {
                $(this).find("input[type='button'][value='Select']").click();
            });

            $("#<%= GridView1.ClientID %> input[type='button'][value='Select']")
                .live("click", function (event) {
                    event.stopPropagation();
                });

        });
    </script>
  

Попробуйте это, добавьте событие OnSelectedIndexChanged в grid

    OnSelectedIndexChanged="Grid_SelectedIndexChanged"
  

а затем в коде за

  protected void Grid_SelectedIndexChanged(object sender, EventArgs e)
{
    GridViewRow row = gvSummary.SelectedRow;
    //Int32 myvalue= Convert.ToInt32(row.Attributes["ColumnName"].ToString());
   } 
  

и установите EnableViewState=»false»
но здесь вам нужно выполнить еще две вещи, которые вы уже сделали в своем коде, означает
установите для EnableEventValidation значение false и привязку к сетке данных при загрузке страницы..

Попробуйте использовать <asp:LinkButton> вокруг вашего <tr> кода в ASPX, установите событие LinkButton CommandName='Select' И в item command, обработайте эту команду и задайте стиль выбранной строки!