如何使用 GridView 分頁在 jQuery 彈出窗口中顯示 GridView？

Question

我無法在 jQuery 彈出窗口中顯示 GridView。 GridView 包含它的頁面 index_change 事件。

我的 .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 彈出窗口中顯示帶有分頁的網格。 該代碼不起作用。

Answer 1

由於腳本中的這一行，您正在阻止服務器端單擊事件處理程序lnkBtnPopup_Click發生：

return false;

刪除此行，您的服務器端事件處理程序將觸發。