绑定 RowCommand 在点击行中的任何单元格时触发

Question

绑定 RowCommand 在点击行中的任何单元格时触发

3

我的GridView基本上显示数据库中数据的摘要版本。

我想做的是设置当您单击GridView中的任何行时，它应执行一组过程，隐藏包含GridView的面板并显示一个面板，该面板将显示您单击的项目的详细信息。

        <asp:Panel runat="server" ID="pnlList">
            <div class="rightalign">
                <asp:Label runat="server" ID="lblCount"></asp:Label>
            </div>

            <asp:GridView runat="server" ID="gvItems" DataKeyNames="mailid" 
                AutoGenerateColumns="false" onrowdatabound="gvItems_RowDataBound" 
                Width="100%" OnSelectedIndexChanged="gvItems_SelectedIndexChanged">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:CheckBox runat="server" ID="chkSelect" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:Label runat="server" ID="lblStatus" Text='<%# DataBinder.Eval(Container.DataItem, "status") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="firstname" HeaderText="From" SortExpression="firstname" />
                    <asp:BoundField DataField="datesent" HeaderText="Date" SortExpression="datesent" DataFormatString="{0:yyyy/MM/dd HH:mm}" />
                    <asp:BoundField DataField="subject" HeaderText="Subject" SortExpression="subject" />
                </Columns>
            </asp:GridView>
        </asp:Panel>

        <asp:Panel runat="server" ID="pnlMail">
            <p>From: <asp:Label runat="server" ID="lblFrom"></asp:Label><br />
                Sent On: <asp:Label runat="server" ID="lblDate"></asp:Label><br />
                Subject: <asp:Label runat="server" ID="lblSubject"></asp:Label></p>
            <p><asp:Label runat="server" ID="lblMessage"></asp:Label></p>
        </asp:Panel>

我想使用 SelectedIndexChanged 事件，但我不确定如何使其触发单元格的点击。

这是我现有的代码：

    protected void gvItems_SelectedIndexChanged(object sender, EventArgs e)
    {
        int index = gvItems.SelectedIndex;

        string mailid = gvItems.DataKeys[index].Value.ToString();

        getMailDetail(mailid);
        pnlMail.Visible = true;
    }

    protected void getMailDetail(string id)
    {
        int mailid = int.Parse(id);
        MySqlContext db = new MySqlContext();

        string sql = "select m.datesent, m.subject, m.message, u.firstname, u.lastname from mail m inner join users u on m.senderid = u.userid where m.mailid = @id";

        List<MySqlParameter> args = new List<MySqlParameter>();
        args.Add(new MySqlParameter() { ParameterName = "@id", MySqlDbType = MySqlDbType.Int32, Value = mailid });

        MySqlDataReader dr = db.getReader(sql, args);

        if (dr.HasRows)
        {
            dr.Read();

            lblFrom.Text = (string)dr["firstname"] + " " + (string)dr["lastname"];
            lblDate.Text = (string)dr["datesent"];
            lblSubject.Text = (string)dr["subject"];
            lblMessage.Text = (string)dr["message"];
        }
        dr.Close();
    }

我如何让在一行中单击单元格时触发事件来完成我的工作？

任何帮助将不胜感激！

- Ortund

2个回答

1

你可以提供一个模板字段，其中包含按钮或按钮字段，然后您可以将命令名称指定为某个内容，接着您可以使用gridview命令事件参数，并根据命令名称执行任何您想要的操作，您还可以使用OnRowCommand触发事件:D 希望这能帮到您......

如果不允许使用按钮字段等，您甚至可以在RowDataBound事件中向单元格添加onclick属性。

- Raghurocks

你的意思是我应该把每一列设置为模板列，并在RowCommand上做相同的操作吗？ - Ortund

1

不需要这样做，可以添加另一列，其中包含按钮字段或带有按钮的模板字段，然后单击相应的按钮即可获取所单击行的数据，然后您可以稍后进行所需的操作。 - Raghurocks

所以用户将需要点击按钮来查看项目的详细信息... 这就是我通常的做法，但这确实会让GridView看起来有些“笨重”。在这里，我希望更加简洁一些。 - Ortund

如果你想不使用按钮字段并获取单元格的点击事件，那么你可以在RowDataBound事件中添加onclick属性来实现。 - Raghurocks

没错，我正在设置属性，但是我的浏览器告诉我getMailDetail未定义，因为getMailDetail在客户端不存在...它是一个服务器调用。 - Ortund

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrei · Accepted Answer

我可以看到这里有两种可能的解决方案。第一种是在客户端处理行点击事件，发送 Ajax 请求到某个 HttpHandler，该处理程序将返回必要的邮件详细信息，并显示返回的信息。实现此目标的步骤如下：

为行点击事件分配客户端处理程序：

protected void gvItems_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if(e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes["onClick"] = "showMailDetails(" + DataBinder.Eval(e.Row.DataItem, "id") + ")";
    }
}

定义客户端函数：

function showMailDetails(mailId) {
    $.get(
        url: 'url to HttpHandler here',
        data: {id: mailId},
        success: function(data) {
            var pnlMail = $('#<%= pnlMail.ClientID %>');
            // display data here

            pnlMail.show()
    });   
}

另一种方法是在客户端处理单击事件，然后通过执行以下操作来模拟 RowCommand 事件：

protected void gvItems_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if(e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes["onClick"] = ""javascript:__doPostBack('" + gvItems.ClientID + "','MailDetailsCommand$" + DataBinder.Eval(e.Row.DataItem, "id") + "')";
    }
}

然后在服务器端像您已经做的那样，只需在RowCommand处理程序中：

protected void gvItems_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "MailDetailsCommand") {
    // ...
    }
}

虽然我不建议这种方法-手动使用 _doPostBack 不被视为最佳实践。