Question

我正在为GridView中的项目设置上下文菜单，但有一个主要障碍。我似乎无法弄清楚如何将右键单击的行的PK值发送到与我的HTTP处理程序交互以更新数据库的JQuery。

基本上，上下文菜单将包含3个项目，“回复”，“标记为已读”和“删除”。在每种情况下，我都需要数据库中的mailid值可供JQuery使用，以便我可以将用户重定向到可以回复所选邮件的页面，或者告诉HTTP Handler数据库中的哪个项目它应该更新。

这是我的代码：

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

            Label lblStatus = (Label)e.Row.FindControl("lblStatus");

            if (lblStatus.Text == "unread")
            {
                e.Row.Font.Bold = true;
            }
        }
    }

我正在设置Rows的onClick属性，以便单击GridViewRow上的任何位置将触发页面以详细显示邮件。我想我可以使用不同的属性以相同的方式获取mailid值。

在.aspx上......

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.contextMenu.js"></script>
<script type="text/javascript">
    function getMailDetail(mailId) {
        $.ajax({
            type: "GET",
            url: '<%= ResolveUrl("~/GetMail.ashx") %>',
            data: { mid: mailId },
            success: function (data) {
                var pnlList = $('#<%= pnlList.ClientID %>');
                var pnlMail = $('#<%= pnlMail.ClientID %>');
                var lblFrom = $('#<%= lblFrom.ClientID %>');
                var lblDate = $('#<%= lblDate.ClientID %>');
                var lblSubject = $('#<%= lblSubject.ClientID %>');
                var lblMessage = $('#<%= lblMessage.ClientID %>');

                lblFrom.text(data.From);
                lblDate.text(data.Date);
                lblSubject.text(data.Subject);
                lblMessage.text(data.Message);

                pnlList.css("display", "none");
                pnlMail.css("display", "block");
            }
        });
    }

    function markRead(mailId) {
        $.ajax({
            type: "POST",
            url: '<%= ResolveUrl("~/MailAction.ashx") %>',
            data: { mid: mailId, act: "markRead" },
            success: window.location = "Inbox.aspx"
        });
    }

    function deleteMail(mailId) {
        $.ajax({
            type: "POST",
            url: '<%= ResolveUrl("~/MailAction.ashx") %>',
            data: { mid: mailId, act: "Delete" },
            success: window.location = "Inbox.aspx"
        });
    }
</script>
<div class="columns">
    <div class="leftcol">
        <a href="Write.aspx" class="button">Compose Message</a>

        <ul>
            <li><a href="SentItems.aspx">Sent Items</a></li>
            <li class="active"><a href="Inbox.aspx">Inbox</a></li>
            <li><a href="DeletedItems.aspx">Deleted Items</a></li>
        </ul>
    </div>

    <div class="rightcol">
        <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%">
                <Columns>
                    <asp:TemplateField ItemStyle-CssClass="centeralign">
                        <HeaderTemplate>
                            <asp:CheckBox runat="server" ID="chkSelectAll" />
                        </HeaderTemplate>
                        <ItemTemplate>
                            <asp:CheckBox runat="server" ID="chkSelect" />
                        </ItemTemplate>
                    </asp:TemplateField>

                    <asp:TemplateField ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden">
                        <ItemTemplate>
                            <asp:Label runat="server" ID="lblStatus" Text='<%# DataBinder.Eval(Container.DataItem, "status") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" DataField="mailid" />
                    <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" cssclass="hidden">
            <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>
    </div>
</div>

<!-- Row Context Menu -->
<ul id="contextmenu" class="contextMenu">
    <li><a href="#reply">Reply</a></li>
    <li><a href="#mread">Mark As Read</a></li>
    <li><a href="#delete">Delete</a></li>
</ul>

<script type="text/javascript">
    $(document.ready(function() {
        $(".dataRow").contextMenu({
            menu: 'contextmenu' },
            function(action, el, pos, mid) {
                contextMenuWork(action, el, pos);
            }
        );
    },
    function contextMenuWork(action, el, pos) {
        var mid = $(el).attr("id");
        switch (action) {
            case "reply":
            {
                window.location = "Reply.aspx?id=" + mid;
                break;
            }
            case "mread":
            {
                markRead(mid);
                break;
            }
            case "delete":
            {
                deleteMail(mid);
                break;
            }
        }
    }
);
</script>

不幸的是，我的方法似乎存在问题，因为我在新绑定的GridViewRow上分配id属性时遇到InvalidCastException：

不能隐含地将类型'object'转换为'string'。存在显式转换（您是否错过了演员？）

所以，我用这个

替换那一行

e.Row.Attributes["id"] = (string)DataBinder.Eval(e.Row.DataItem, "mailid");

现在，尽管Visual Studio在设计时没有错误告诉我，但在运行时，我得到以下InvalidCastException：

无法将'System.Int32'类型的对象强制转换为'System.String'。

我不知道整数来自何处，所以我不知道如何继续。

非常感谢任何帮助。

Answer 1

我似乎永远无法在这里获得有效的值，所以我所做的是将RowDataBound void更改为以下内容：

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

            Label lblStatus = (Label)e.Row.FindControl("lblStatus");

            if (lblStatus.Text == "unread")
            {
                e.Row.Font.Bold = true;
            }
        }
    }

声明一个新的var并使用“mailid”的DataItem值，然后给它一个.ToString（）修复了我的所有问题

设置GridViewRow属性时的InvalidCastExceptions

1 个答案: