如何使用页面数据源突出显示转发器内链接按钮的选定页面的页码
本文关键字:按钮 链接 显示 数据源 何使用 转发器 | 更新日期: 2023-09-27 18:34:25
我想突出显示当前选定的页码。
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)" The LinkButton.使用 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")
它肯定会起作用。