Щелчок по строке GridView в C#
Вопрос
Когда я нажимаю на строку в GridView, я хочу перейти на другую страницу с идентификатором, полученным из базы данных.
В моем событии RowCreated у меня есть следующая строка:
e.Row.Attributes.Add(
"onClick",
ClientScript.GetPostBackClientHyperlink(
this.grdSearchResults, "Select$" + e.Row.RowIndex));
Чтобы предотвратить сообщения об ошибках, у меня есть этот код:
protected override void Render(HtmlTextWriter writer)
{
// .NET will refuse to accept "unknown" postbacks for security reasons.
// Because of this we have to register all possible callbacks
// This must be done in Render, hence the override
for (int i = 0; i < grdSearchResults.Rows.Count; i++)
{
Page.ClientScript.RegisterForEventValidation(
new System.Web.UI.PostBackOptions(
grdSearchResults, "Select$" + i.ToString()));
}
// Do the standard rendering stuff
base.Render(writer);
}
Как я могу присвоить строке уникальный идентификатор (из БД), и когда я щелкаю строку, открывается другая страница (например, щелчок по href), и эта страница может прочитать идентификатор.
Решение
У меня есть решение.
Это то, что я сделал:
if(e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes["onClick"] = "location.href='view.aspx?id=" + DataBinder.Eval(e.Row.DataItem, "id") + "'";
}
Я поместил предыдущий код в событие RowDataBound.
Другие советы
Мартин,
Вот еще один пример с изящной подсветкой строк и курсором в стиле href:
protected void gvSearch_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='patron_detail.aspx?id=" + e.Row.Cells[0].Text + "'");
}
}
Приведенный выше код работает в .NET 3.5.Однако вы не можете установить для столбца id значение Visible="false", поскольку вы получите пустое значение строки запроса для вашего ключа идентификатора:
<asp:GridView ID="gvSearch" runat="server" OnRowDataBound="gvSearch_RowDataBound" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="id" Visible="false" />
<asp:BoundField DataField="first_name" HeaderText="First" />
<asp:BoundField DataField="last_name" HeaderText="Last" />
<asp:BoundField DataField="email" HeaderText="Email" />
<asp:BoundField DataField="state_name" HeaderText="State" />
</Columns>
</asp:GridView>
Поэтому вместо этого измените первый столбец на это:
<asp:BoundField DataField="id" ItemStyle-CssClass="hide" />
Добавьте этот CSS в начало страницы:
<head>
<style type="text/css">
.hide{
display:none;
}
</style>
<head>
Но чтобы скрыть первую ячейку строки заголовка, добавьте это в gvSearch_RowDataBound() в коде программной части:
if (e.Row.RowType == DataControlRowType.Header)
{
e.Row.Cells[0].CssClass = "hide";
}
Очевидно, вы также могли бы скрыть столбец id в коде программной части, но это приведет к тому, что в вашей разметке будет больше текста, чем в классе CSS:
e.Row.Cells[0].Attributes.Add("style", "display:none;");
e.Row.Attributes.Add("style", "cursor:pointer;");
protected void gvSearch_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
string abc = ((GridView)sender).DataKeys[e.Row.RowIndex].Value.ToString();
e.Row.Attributes["onClick"] = "location.href='Default.aspx?id=" + abc + "'";
}
}
protected void gvSearch_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
string abc = ((GridView)sender).DataKeys[e.Row.RowIndex].Value.ToString();
e.Row.Attributes["onClick"] = "location.href='Default.aspx?id=" + abc + "'";
}
}
protected void gvSearch_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
GridViewRow gvr = e.Row;
string abc = ((GridView)sender).DataKeys[e.Row.RowIndex].Value.ToString();
gvr.Attributes.Add("OnClick", "javascript:location.href='Default.aspx?id=" + abc + "'");
}
}
}
Может ли ваш идентификатор быть связан с элементом данных, отображаемым в виде сетки?
Если это так, вы можете использовать e.Row.DataItem и привести его к какому-либо типу.
Для него вы можете использовать событие RowCommand вида сетки. В вашей кнопке / ссылке, где вы хотите установить клик, установите CommandName и CommandArgument, которые вы можете использовать в параметре EventArgs метода события.
щелчок строки в виде сетки перенаправляет на другую страницу
protected void gvSearch_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
string abc = ((GridView)sender).DataKeys[e.Row.RowIndex].Value.ToString();
e.Row.Attributes["onClick"] = "location.href='Default.aspx?id=" + abc + "'";
}
}
работает абсолютно нормально
JohnB, Ваш код работает очень хорошо, я добавил небольшой хак, чтобы избежать разрушения чередования RowStyle после отключения мыши.
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=''");
Изменился на:
e.Row.Attributes.Add("onmouseout", "if(" + e.Row.RowIndex + "% 2 == 0) { this.style.backgroundColor=''; } else { this.style.backgroundColor = '#E8F7EA'; }");
Если есть лучший способ сделать это, дайте мне знать, но у меня он работает идеально.
Привет.