Jquery 更新面板中Asp中继器的页面回发问题
我正在使用两个转发器控件,一个显示数据库表记录,另一个显示自定义分页,我开发了自定义分页来显示分页,如1234 当我单击页面上的页码(如1、2或3)时,我将这两个中继器控件都保留在asp更新面板中,因此页面会被发回,但在同一更新面板中有一些其他按钮,当我单击这些按钮时,页面不会被发回,但我想在单击任何页码时停止发回Jquery 更新面板中Asp中继器的页面回发问题,jquery,asp.net,Jquery,Asp.net,我正在使用两个转发器控件,一个显示数据库表记录,另一个显示自定义分页,我开发了自定义分页来显示分页,如1234 当我单击页面上的页码(如1、2或3)时,我将这两个中继器控件都保留在asp更新面板中,因此页面会被发回,但在同一更新面板中有一些其他按钮,当我单击这些按钮时,页面不会被发回,但我想在单击任何页码时停止发回 请建议当我单击页码时,如何停止回发页面。您可以对按钮应用单击处理程序,以防止默认操作。比如: <script type="text/javascript"> $(
请建议当我单击页码时,如何停止回发页面。您可以对按钮应用单击处理程序,以防止默认操作。比如:
<script type="text/javascript">
$(document).ready(function() {
$(".pagingButton").click(function (e) {
e.preventDefault();
});
});
</script>
<asp:Button runat="server" ID="btnPage1" CssClass="pagingButton"/>
<asp:Button runat="server" ID="btnPage2" CssClass="pagingButton"/>
<asp:Button runat="server" ID="btnPage3" CssClass="pagingButton"/>
$(文档).ready(函数(){
$(“.pagingButton”)。单击(函数(e){
e、 预防默认值();
});
});
希望这有帮助这是我在没有页面回发的情况下工作的示例。请遵循此示例
在aspx页面中,只需粘贴以下代码。
ScriptManager用于异步分页
第1步:
<form id="form1" runat="server">
<asp:ScriptManager ID="MainScriptManager" runat="server" />
<asp:UpdatePanel ID="pnlHelloWorld" runat="server">
<ContentTemplate>
<div>
<asp:Repeater ID="rptItems" runat="server">
<ItemTemplate>
<div>
<div>
<%# DataBinder.Eval(Container.DataItem,"Address") %>
</div>
<div>
<%# DataBinder.Eval(Container.DataItem, "ProductCategory")%>
</div>
<div>
<%# DataBinder.Eval(Container.DataItem, "BrandName")%>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
<div>
<asp:LinkButton ID="lbPrev" runat="server" OnCommand="lbPrev_Command">Prev </asp:LinkButton>
<asp:Repeater ID="rptPages" runat="server" OnItemDataBound="rptPaging_ItemDataBound">
<ItemTemplate>
<div style="float:left;padding-left:10px;">
<asp:LinkButton ID="btnPage" CommandName="Page" CommandArgument="<%#Container.DataItem %>" CssClass="text" runat="server"><%# Container.DataItem %>
</asp:LinkButton>
</div>
</ItemTemplate>
</asp:Repeater>
<asp:LinkButton ID="lbNext" runat="server" OnCommand="lbNext_Command">Next </asp:LinkButton>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
public static int totalPages = 0;
public int PageNumber
{
get
{
if (ViewState["PageNumber"] != null)
return Convert.ToInt32(ViewState["PageNumber"]);
else
return 0;
}
set
{
ViewState["PageNumber"] = value;
}
}
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
rptPages.ItemCommand += new RepeaterCommandEventHandler(rptPages_ItemCommand);
}
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
LoadData();
}
private void LoadData()
{
SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["conTest"].ToString());
cn.Open();
SqlDataAdapter da = new SqlDataAdapter("select BrandName,ProductCategory,Address from Addresss", cn); //U can use your query here
DataTable dt = new DataTable();
da.Fill(dt);
cn.Close();
PagedDataSource pgitems = new PagedDataSource();
DataView dv = new DataView(dt);
pgitems.DataSource = dv;
pgitems.AllowPaging = true;
pgitems.PageSize = 10;
pgitems.CurrentPageIndex = PageNumber;
totalPages = pgitems.PageCount - 1;
if (pgitems.PageCount > 1)
{
rptPages.Visible = true;
ArrayList pages = new ArrayList();
for (int i = 0; i < pgitems.PageCount; i++)
pages.Add((i + 1).ToString());
rptPages.DataSource = pages;
rptPages.DataBind();
}
else
rptPages.Visible = false;
rptItems.DataSource = pgitems;
rptItems.DataBind();
}
void rptPages_ItemCommand(object source, RepeaterCommandEventArgs e)
{
PageNumber = Convert.ToInt32(e.CommandArgument) - 1;
LoadData();
}
protected void lbPrev_Command(Object sender, CommandEventArgs e)
{
if (PageNumber == 0)
{
PageNumber = 0;
}
else
{
PageNumber = PageNumber - 1;
}
LoadData();
}
protected void lbNext_Command(Object sender, CommandEventArgs e)
{
if (PageNumber == totalPages)
{
PageNumber = totalPages;
}
else
{
PageNumber = PageNumber + 1;
}
LoadData();
}
在更新面板中分页或在更新面板外分页?是否在更新面板上设置了任何条件模式?分页中继器在更新面板中也没有条件模式。我在这里举了一个例子。如果我的例子中有任何问题,请告诉我。
protected void rptPaging_ItemDataBound(object source, RepeaterItemEventArgs e)
{
LinkButton lnk = (LinkButton)e.Item.FindControl("btnPage");
if (PageNumber > 0)
{
if (lnk.CommandArgument.ToString() == (PageNumber + 1).ToString())
{
lnk.ForeColor = System.Drawing.Color.Red;
lnk.Font.Bold = true;
lnk.Attributes.CssStyle.Add("text-decoration", "none");
lnk.Attributes.CssStyle.Add("pointer-events", "none");
}
else
{
lnk.ForeColor = System.Drawing.Color.Black;
}
}
else if(lnk.CommandArgument.ToString() == "1")
{
lnk.Font.Bold = true;
lnk.Attributes.CssStyle.Add("text-decoration", "none");
lnk.ForeColor = System.Drawing.Color.Red;
lnk.Attributes.CssStyle.Add("pointer-events", "none");
}
}