Gridview使用Boundfield onclick事件

Question

我正在使用一个gridview，我希望能够单击每一行，以便能够显示来自我正在显示的对象的另一个字段。它看起来很容易解决，但也许我太笨了，因为我在任何地方都找不到它。

asp代码:

<asp:GridView ID="gvMessages" runat="server" AutoGenerateColumns = "false" 
    CaptionAlign="NotSet" CellPadding="5">
    <Columns>
        <asp:BoundField HeaderText="Avsändare" DataField="Sender" />
        <asp:BoundField HeaderText="Ämne" DataField="Head" />
    </Columns>
</asp:GridView>

后台代码:

protected void Page_Load(object sender, EventArgs e)
    {
        gvMessages.DataSource = con.GetMails(con.GetId(Membership.GetUser().UserName));
        gvMessages.DataBind();
    }

不确定所有这些都是必要的问题，但这里是我的wcf项目的方法，是填充我的复合类与对象信息

public List<MailInfo> GetMails(int id)
    {
        using (var client = new datingEntities())
        {
            var result = client.Mail.Where(x => x.SentTo == id).Select(x => new MailInfo
            {
                Message = x.Mail1,
                Reciever = x.SentTo,
                Read = (bool)x.IsRead,
                Sender = (int)x.SentFrom,
                Head = x.Subject
            }).ToList();
            return result;
        }
    }

复合类:

[DataContract]
public class MailInfo : Mail
{
    [DataMember]
    public string Message { get; set; }
    [DataMember]
    public int Reciever { get; set; }
    [DataMember]
    public bool Read { get; set; }
    [DataMember]
    public int Sender { get; set; }
    [DataMember]
    public string Head { get; set; }
}

Answer 1

您应该只绑定GridView的if(!Page.IsPostBack)。

protected void Page_Load(object sender, EventArgs e)
{
    if(!Page.IsPostBack)
    {
        gvMessages.DataSource = con.GetMails(con.GetId(Membership.GetUser().UserName));
        gvMessages.DataBind();
    }
}

如果你想选择一行点击你可以使用javascript:

protected void gvMessages_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);
    }
}

现在你可以处理SelectedIndexChangedEvent无论何时用户点击在行中的某个地方:

protected void gvMessages_SelectedIndexChanged(Object sender, EventArgs e)
{
    // Get the currently selected row using the SelectedRow property.
    GridViewRow row = CustomersGridView.SelectedRow;
}

Answer 2

您应该使用OnSelectedIndexChanged事件。

<asp:GridView ID="gvMessages" runat="server" AutoGenerateColumns = "false" 
    OnSelectedIndexChanged="gvMessages_SelectedIndexChanged"  
    CaptionAlign="NotSet" CellPadding="5">
    <Columns>
        <asp:BoundField HeaderText="Avsändare" DataField="Sender" />
        <asp:BoundField HeaderText="Ämne" DataField="Head" />
    </Columns>
</asp:GridView> 

然后在事件的定义中，您可以检索选中的项目并从那里执行您需要的任何操作。

protected void gvMessages_SelectedIndexChanged(object sender, EventArgs e)
{
    if (ContactsGridView.SelectedIndex >= 0)
       ViewState["SelectedKey"] = gvMessages.SelectedValue;
    else
       ViewState["SelectedKey"] = null;
}

MSDN官方文档中的示例