如何使用GridView Paging在jQuery弹出窗口中显示GridView?

时间:2013-09-24 03:12:22

标签: jquery asp.net gridview

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

我的.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。 代码无效。请尽快帮助。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

由于脚本中的这一行,您阻止服务器端点击事件处理程序lnkBtnPopup_Click发生:

return false;

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