如何在asp.net Gridview中将模板列的项模板中的LinkButton样式更改为text-decoration-none？ [英] How to change the style of LinkButton to text-decoration-none set with in the item template of template column with in the asp.net Gridview?
本文介绍了如何在asp.net Gridview中将模板列的项模板中的LinkButton样式更改为text-decoration-none？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何根据绑定时asp：datagrid的模板列中的项模板中的条件将LinkButton的样式更改为text-decoration-none？
如果值为A 那么文字装饰 - 没有别的，如果价值是B则不需要改变风格。
我的asp：datagrid设计如下：
< asp：datagrid id = grdCHFAFSPostPendingEmpList < span class =code-attribute> runat = server 宽度 = 781px AllowPagi ng = True AutoGenerateColumns = False AllowCustomPaging = True PageSize = 10 OnPageIndexChanged < span class =code-keyword> = grdCHFAFSPostPendingEmpList_PageIndexChanged OnItemCommand = grdCHFAFSPostPendingEmpList_ItemCommand >
< AlternatingItemStyle BorderWidth = 0px CssClass = C3_DATAGRID_CELLDATA2 > < / AlternatingItemStyle >
< ItemStyle BorderWidth = 0px CssClass = C3_DATAGRID_CELLDATA > < / ItemStyle >
< HeaderStyle CssClass = C3_DATAGRID_HEADING > < / HeaderStyle >
< 列 < span class =code-keyword>>
< asp：TemplateColumn >
< HeaderStyle 宽度 = 5％ > < / HeaderStyle >
< HeaderTemplate >
< asp：CheckBox id = chkVerifyH runat = 服务器 onclick = javascript：check_uncheck（this，'grdCHFAFSPostPendingEmpList'）; / >
< / HeaderTemplate >
< ItemTemplate >
< asp：CheckBox id = chkVerifyItem runat = server onclick = javascript：uncheckHeader（this， 'grdCHFAFSPostPendingEmpList'） / >
< 输入 id = hidCorporateId 名称 = hidCorporateId runat = server type = 隐藏 值 =' <％＃DataBinder.Eval（Container， DataItem.CorporateId）％> ' >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 员工ID < span class =code-keyword>>
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：标签 runat = server 文字 =' <％ #DataBinder.Eval（Container， DataItem.EmpId）％> ' ID = lblEmpId > < / asp：标签 >
< 输入 id = hidC3EmpRegId 名称 = hidC3EmpRegId runat = server < span class =code-attribute> type = 隐藏 值 =' < span class =code-pagedirective><％ #DataBin der.Eval（Container， DataItem.C3EmpRegId） ％> ' >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 名字 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：标签 runat = server 文本 =' <％＃DataBinder.Eval（Container， DataItem.FirstName ）％> ' ID = lblFirstName > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateCol umn HeaderText = 姓氏 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< span class =code-keyword>< asp：Label runat = 服务器 文本 =' <％＃DataBinder.Eval（Container， DataItem.LastName）％> ' ID = lblLastName > < / asp：Label >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 护照号码 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：标签 runat = server 文字 =' <％＃DataBinder.Eval（Container， DataItem .PassportId）％> ' ID = lblPassportId > ; < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 国籍 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：Label runat = < span class =code-keyword> server 文本 =' <％ #DataBinder.Eval（Container， DataItem.Nationality）％> ' < span class =code-attribute> ID = lblNationality > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = Citizen Id。 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：标签 runat = server 文字 =' <％ ＃DataBinder.Eval（Container， DataItem.CitizenId）％> ' ID = lblCitizenId > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 移动 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：Label runat = server 文字 =' <％ #DataBinder.Eval（Container， DataItem.Mobile）％> ' ID = lblMobile > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = 电子邮件 >
< HeaderStyle 宽度 = 25％ > < / HeaderStyle >
< ItemTemplate >
< asp：标签 runat = server 文字 =' <％ ＃DataBinder.Eval（Container， DataItem.EmailId）％> ' ID = lblEmailId > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateColumn >
< asp：TemplateColumn HeaderText = CHF FileName >
< HeaderStyle 宽度 = 30％ > < ; / HeaderStyle >
< ItemTemplate >
< asp：LinkButton CommandName = CHFFileNam e runat = server 已启用 =' <％＃（Eval（ CHFFILENAME）。ToString（）== DIRECT UPLOAD）？ false ： true ％> ' 文字 =' <％＃DataBinder.Eval（Container， DataItem.CHFFILENAME）％> ' ID = lnkchffilename > < / asp：LinkButton >
< / ItemTemplate < span class =code-keyword>>
< / asp：TemplateColumn >
<asp:TemplateColumn ItemStyle-Width =\"0px\">
<ItemTemplate>
<input type=\"hidden\" runat=\"server\" id=\"hidCHFFileName\" name=\"hidCHFFileName\" value='<%# DataBinder.Eval(Container, \"DataItem.CHFFILENAME\") %>'/>
<input type=\"hidden\" runat=\"server\" id=\"hidStatusId\" name=\"hidStatusId\" value='<%# DataBinder.Eval(Container, \"DataItem.StatusId\") %> '/>
<input type=\"hidden\" runat=\"server\" id=\"hidUploadId\" name=\"hidUploadId\" value='< span class=\"code-pagedirective\"><%# DataBinder.Eval(Container, \"DataItem.UploadId\") %>'/>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign=\"Right\" CssClass=\"C3_DATAGRID_CELLDATANEW\" Mode=\"NumericPages\" PageButtonCount=\"5\"></PagerStyle>
</asp:datagrid> 解决方案
Just replace this code with your code(Only link button part)
$b $b<asp:TemplateColumn HeaderText=\"CHF FileName\">
<HeaderStyle Width=\"30%\"></HeaderStyle>
<ItemTemplate>
<asp:LinkButton CommandName=\"CHFFileName\" runat=\"server\" Enabled='<%# (Eval(\"CHFFILENAME\").ToString() == \"DIRECT UPLOAD\") ? false:true%>' Text='<%# DataBinder.Eval(Container, \"DataItem.CHFFILENAME\")%>' ID=lnkchffilename style='<%#Eval(\"ColName\")==\"A\"?\"text-decoration:none\":\"\"%>'></asp:LinkButton>
</ItemTemplate>
</asp:TemplateColumn>
If it will work for you then please Accept it...
Hi Rahul,
Please use following code:
.CSS
.cssUnderline {
text-decoration:underline;
}
.cssNoUnderline {
text-decoration:none;
}
.ASPX
<asp:templatecolumn headertext=\"CHF FileName\" xmlns:asp=\"#unknown\">
<headerstyle width=\"30%\"></headerstyle>
<itemtemplate>
<asp:linkbutton cssclass=\"<%# DataBinder.Eval(Container, \"DataItem.CHFFILENAME\") == \"A\") ? \"cssUnderline\": \"cssNoUnderline \" %>\" commandname=\"CHFFileName\" runat=\"server\" enabled=\"<%# (Eval(\"CHFFILENAME\").ToString() == \"DIRECT UPLOAD\") ? false:true%>\" text=\"<%# DataBinder.Eval(Container, \"DataItem.CHFFILENAME\")%>\" id=\"lnkchffilename\"></asp:linkbutton>
</itemtemplate>
</asp:templatecolumn>
How to change the style of LinkButton to text-decoration-none based on a condition with in the item template in the template column of asp:datagrid on binding?
If the value is "A" THEN text-decoration-none else if value is "B" then no need of changing the style.
My asp:datagrid design is as follows:
<asp:datagrid id="grdCHFAFSPostPendingEmpList" runat="server" Width="781px" AllowPaging="True" AutoGenerateColumns="False" AllowCustomPaging="True" PageSize="10" OnPageIndexChanged="grdCHFAFSPostPendingEmpList_PageIndexChanged" OnItemCommand="grdCHFAFSPostPendingEmpList_ItemCommand">
<AlternatingItemStyle BorderWidth="0px" CssClass="C3_DATAGRID_CELLDATA2"></AlternatingItemStyle>
<ItemStyle BorderWidth="0px" CssClass="C3_DATAGRID_CELLDATA"></ItemStyle>
<HeaderStyle CssClass="C3_DATAGRID_HEADING"></HeaderStyle>
<Columns>
<asp:TemplateColumn >
<HeaderStyle Width="5%"></HeaderStyle>
<HeaderTemplate>
<asp:CheckBox id="chkVerifyH" runat="server" onclick="javascript:check_uncheck(this,'grdCHFAFSPostPendingEmpList');"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="chkVerifyItem" runat="server" onclick="javascript:uncheckHeader(this,'grdCHFAFSPostPendingEmpList')"/>
<Input id="hidCorporateId" name="hidCorporateId" runat="server" type=hidden value='<%# DataBinder.Eval(Container,"DataItem.CorporateId") %>'>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Employee Id">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.EmpId")%>' ID=lblEmpId></asp:Label>
<Input id="hidC3EmpRegId" name="hidC3EmpRegId" runat="server" type=hidden value='<%# DataBinder.Eval(Container,"DataItem.C3EmpRegId") %>'>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="First Name">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.FirstName")%>' ID=lblFirstName></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Last Name">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.LastName")%>' ID=lblLastName></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Passport No.">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.PassportId")%>' ID=lblPassportId></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Nationality">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Nationality")%>' ID=lblNationality></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Citizen Id.">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CitizenId")%>' ID=lblCitizenId></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Mobile">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Mobile")%>' ID=lblMobile></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Email">
<HeaderStyle Width="25%"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.EmailId")%>' ID=lblEmailId></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="CHF FileName">
<HeaderStyle Width="30%"></HeaderStyle>
<ItemTemplate>
<asp:LinkButton CommandName="CHFFileName" runat="server" Enabled='<%# (Eval("CHFFILENAME").ToString() == "DIRECT UPLOAD") ? false:true%>' Text='<%# DataBinder.Eval(Container, "DataItem.CHFFILENAME")%>' ID=lnkchffilename></asp:LinkButton>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn ItemStyle-Width="0px">
<ItemTemplate>
<input type="hidden" runat="server" id="hidCHFFileName" name="hidCHFFileName" value='<%# DataBinder.Eval(Container, "DataItem.CHFFILENAME") %>'/>
<input type="hidden" runat="server" id="hidStatusId" name="hidStatusId" value='<%# DataBinder.Eval(Container, "DataItem.StatusId") %>'/>
<input type="hidden" runat="server" id="hidUploadId" name="hidUploadId" value='<%# DataBinder.Eval(Container, "DataItem.UploadId") %>'/>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign="Right" CssClass="C3_DATAGRID_CELLDATANEW" Mode="NumericPages" PageButtonCount="5"></PagerStyle>
</asp:datagrid> 解决方案
Just replace this code with your code(Only link button part)
<asp:TemplateColumn HeaderText="CHF FileName"> <HeaderStyle Width="30%"></HeaderStyle> <ItemTemplate> <asp:LinkButton CommandName="CHFFileName" runat="server" Enabled='<%# (Eval("CHFFILENAME").ToString() == "DIRECT UPLOAD") ? false:true%>' Text='<%# DataBinder.Eval(Container, "DataItem.CHFFILENAME")%>' ID=lnkchffilename style='<%#Eval("ColName")=="A"?"text-decoration:none":""%>'></asp:LinkButton> </ItemTemplate> </asp:TemplateColumn>
If it will work for you then please Accept it...
Hi Rahul,
Please use following code:
.CSS
.cssUnderline { text-decoration:underline; } .cssNoUnderline { text-decoration:none; }
.ASPX
<asp:templatecolumn headertext="CHF FileName" xmlns:asp="#unknown"> <headerstyle width="30%"></headerstyle> <itemtemplate> <asp:linkbutton cssclass="<%# DataBinder.Eval(Container, "DataItem.CHFFILENAME") == "A") ? "cssUnderline": "cssNoUnderline " %>" commandname="CHFFileName" runat="server" enabled="<%# (Eval("CHFFILENAME").ToString() == "DIRECT UPLOAD") ? false:true%>" text="<%# DataBinder.Eval(Container, "DataItem.CHFFILENAME")%>" id="lnkchffilename"></asp:linkbutton> </itemtemplate> </asp:templatecolumn>
这篇关于如何在asp.net Gridview中将模板列的项模板中的LinkButton样式更改为text-decoration-none？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
