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

Question

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

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

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

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

希望对你有帮助

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