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

Posted 2023-02-24

【中文标题】更新面板中 Asp 中继器的页面回发问题

【英文标题】：Page Post Back issue for Asp Repeater in Update Panel

【发布时间】：2015-04-27 10:33:41

【问题描述】：

我正在使用两个转发器控件，一个用于显示数据库表记录，一个用于显示我开发的自定义分页，以显示分页，例如 1 2 3 4 ...

当我单击 1 或 2 或 3 之类的分页编号时，我将两个中继器控件保留在 asp 更新面板中，因此页面会被回发，但同一更新面板中还有一些其他按钮，当我单击这些按钮时，页面不回发，但我也想在点击任何页码时停止回发。

请建议当我点击分页号码时我可以做些什么来停止页面回发

【问题讨论】：

在更新面板中或之外进行分页？

是否在更新面板上设置了条件模式？

分页转发器在更新面板中，更新面板中也没有条件模式

我在这里举了一个例子。如果我的示例中有任何问题，请告诉我。

【参考方案1】：

您可以将点击处理程序应用于按钮以防止默认操作。比如：

<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"/>

http://api.jquery.com/event.preventdefault/

希望对你有帮助

【参考方案2】：

这是我在没有页面 postback 的情况下工作的示例。请按照此示例进行操作。

在 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>

第 2 步：

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