[英]DataList ItemCommand Event changing CSS class
I have buttons in DataList control, when I click on a button, I am changing its CSS class in itemcommand event,the class is changing as expected, but when I click on button1 it will change its CSS class and after that I click on button2 it will also change its CSS class, but button1 also have same class, I want to add this class only on the button which I have clicked. 我在DataList控件中有按钮,当我单击按钮时,我在itemcommand事件中更改了它的CSS类,该类正在按预期方式更改,但是当我单击button1时,它将更改其CSS类,然后单击button2它也会更改其CSS类,但button1也具有相同的类,我只想在单击的按钮上添加此类。 this is my aspx code 这是我的aspx代码
<asp:DataList ID="lst" runat="server" OnItemCommand="lst_ItemCommand"
Width="187">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<div class="num">
<asp:LinkButton style="text-decoration:none;" ID="lnk" CommandName="detail" CommandArgument='<%# Eval("UserID") %>'
runat="server"><%# Eval("Title")+" "+Eval("Firstname")%></asp:LinkButton>
</div>
</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</asp:DataList>
and this is my .CS code 这是我的.CS代码
protected void lst_ItemCommand(object source, DataListCommandEventArgs e)
{
if (e.CommandName == "detail")
{
LinkButton btnlnk = (LinkButton)e.Item.FindControl("lnk");
btnlnk.CssClass = "selectedclass";
}
}
you can do something like below 你可以做下面的事情
protected void lst_ItemCommand(object source, DataListCommandEventArgs e)
{
if (e.CommandName == "detail")
{
int index = e.Item.ItemIndex;
for (int i = 0; i < lst.Items.Count; i++)
{
LinkButton btnlnk = lst.Items[i].FindControl("lnk") as LinkButton;
if (btnlnk !=null)
{
btnlnk.CssClass = index == i? "selectedclass" :string.Empty;
}
}
}
}
You should to add AutoPostBack option for LinkButton and have to check page postback status (isPostBack). 您应该为LinkButton添加AutoPostBack选项,并且必须检查页面回发状态(isPostBack)。 Because, your code will be regenerate for each postback. 因为,您的代码将为每个回发重新生成。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.