Я не могу показать 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. Код не работает. Пожалуйста, помогите как можно скорее. Заранее спасибо.
Вы блокируете обработчик события клика на стороне сервера lnkBtnPopup_Click
из-за этой строки в вашем скрипте:
return false;
Удалите эту строку, и ваш обработчик событий на стороне сервера загорится.
DIV
вокругGridView
управленияGridView
, установитьstyle=display: none;
а затем сослаться на идентификаторDIV
в функции jQuery.dialog()
.