如何使用 GridView 分页在 jQuery 弹出窗口中显示 GridView？

Question

我无法在 jQuery 弹出窗口中显示 GridView。 GridView 包含它的页面 index_changeing 事件。

我的 .aspx 代码如下：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize="3" OnPageIndexChanging="GridView1_PageIndexChanging">
</asp:GridView>
<br>
<asp:LinkButton ID="lnkBtnPopup" runat="server" onclick="lnkBtnPopup_Click">Show PopUp</asp:LinkButton>

CS代码如下：

protected void lnkBtnPopup_Click(object sender, EventArgs e)
{
    GridView1.DataSource = GetData();
    GridView1.DataBind();
}

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    GridView1.DataSource = GetData();
    GridView1.PageIndex = e.NewPageIndex;
    GridView1.DataBind();
}

jQuery如下：

<script type="text/javascript">
    $("[id*=lnkBtnPopup]").live("click", function () {
        $("#GridView1").dialog({
            title: "Image Details",
            width: "200px",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });
        return false;
    });
</script>`

当我单击 LinkBut​​ton 时，我想在 jQuery 弹出窗口中显示带有分页的 Grid。 代码不工作。

Answer 1

由于脚本中的这一行，您正在阻止服务器端单击事件处理程序 lnkBtnPopup_Click 发生：

return false;

删除此行，您的服务器端事件处理程序将触发。