Как показать GridView во всплывающем окне jQuery с помощью GridView Paging?

0

Я не могу показать GridView во всплывающем окне jQuery. GridView содержит событие page 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>'

Я хочу показать Grid с пейджингом во всплывающем окне jQuery, когда я нажимаю LinkButton. Код не работает. Пожалуйста, помогите как можно скорее. Заранее спасибо.

Теги:
gridview

1 ответ

0

Вы блокируете обработчик события клика на стороне сервера lnkBtnPopup_Click из-за этой строки в вашем скрипте:

return false;

Удалите эту строку, и ваш обработчик событий на стороне сервера загорится.

  • 0
    Привет Карл, спасибо за ваш ответ. это не работает .... GridView просто отображается на странице, а не во всплывающем окне.
  • 0
    @TempExpt - поместить DIV вокруг GridView управления GridView , установить style=display: none; а затем сослаться на идентификатор DIV в функции jQuery .dialog() .
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню