繁体   English   中英

如何使用pagedatasource突出显示转发器内的linkbutton的所选页面的页码?

[英]How to highlight page number of selected page for a linkbutton inside a repeater using pagedatasource?

我要突出显示当前选择的页码。

ASPX代码:

   <asp:Repeater ID="rptPaging" runat="server" onitemcommand="rptPaging_ItemCommand">
        <ItemTemplate>                             
             <asp:LinkButton ID="btnPage"  CommandName="Page" CommandArgument="<%# Container.DataItem %>" runat="server" ><%# Container.DataItem %>
              </asp:LinkButton>
       </ItemTemplate>
    </asp:Repeater>

后端代码:

protected void rptPaging_ItemCommand(object source, RepeaterCommandEventArgs e)
{


    if (e.CommandName == "Page")
    {    

         int index = e.Item.ItemIndex;

        for (int i = 0; i < rptPaging.Items.Count; i++)
        {
            LinkButton btnlnk = rptPaging.Items[i].FindControl("btnPage") as LinkButton;
            if (btnlnk != null)
            {
                btnlnk.CssClass = index == i ? "page_enabled" : string.Empty;
            }
        }

        PageNumber = Convert.ToInt32(e.CommandArgument) - 1;
        DisplayData();
    }
}

添加一个属性.. onclick =“ OnClickPageBtnLink(this)” LinkBut​​ton。 使用javascript函数:

function OnClickPageBtnLink(sender)
{
   sender.class = "YourHighlightClass";

   var pageLinks = document.getElementsByTagName("a");

   for (var i = 0; i < pageLinks.length; i++)
   {
     if (sender.id != pageLinks[i].id)
     {
       if (pageLinks[i].id.indexOf('rptPaging_btnPage_') != 0)
       {
          pageLinks[i].class = "UnHighlightClass";
       }
     }           
   }
}

您也可以使用document.queryFor ..(我不确定语法)来获取客户端生成的锚元素。 这绝对不是标准答案,但是可以。

移动以下代码:

PageNumber = Convert.ToInt32(e.CommandArgument) - 1;
DisplayData();

以上来自:

if (e.CommandName == "Page")

它肯定会工作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM