Jquery 更新面板中Asp中继器的页面回发问题

Jquery 更新面板中Asp中继器的页面回发问题,jquery,asp.net,Jquery,Asp.net,我正在使用两个转发器控件,一个显示数据库表记录,另一个显示自定义分页,我开发了自定义分页来显示分页,如1234 当我单击页面上的页码(如1、2或3)时,我将这两个中继器控件都保留在asp更新面板中,因此页面会被发回,但在同一更新面板中有一些其他按钮,当我单击这些按钮时,页面不会被发回,但我想在单击任何页码时停止发回 请建议当我单击页码时,如何停止回发页面。您可以对按钮应用单击处理程序,以防止默认操作。比如: <script type="text/javascript"> $(

我正在使用两个转发器控件,一个显示数据库表记录,另一个显示自定义分页,我开发了自定义分页来显示分页,如1234

当我单击页面上的页码(如1、2或3)时,我将这两个中继器控件都保留在asp更新面板中,因此页面会被发回,但在同一更新面板中有一些其他按钮,当我单击这些按钮时,页面不会被发回,但我想在单击任何页码时停止发回


请建议当我单击页码时,如何停止回发页面。您可以对按钮应用单击处理程序,以防止默认操作。比如:

<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");
    }
}