如何使 DropDownList 控件以粗体显示某些项目 ASP.NET

Question

我正在 ASP.Net 中使用自定义 DropDownList 控件，并且请求使用 bold 字体显示列表中的某些项目（注意 - 该控件继承自 CompositeDataBoundControl，因此可以进行数据绑定...不是 DropDownListBox）。该控件绑定到一个表，并且表中有一个名为 IsUsed 的列 - 如果将其设置为 true，则列表中的相应项目应呈现为粗体。 （这里应该注意的是，这只能在 FireFox 中查看。）

我的经验都是在中间 \ 后端层，所以表示层对我来说非常新 - 有人可以给我指出正确的方向吗？我最初的想法是，在自定义控件中的某个位置，我可以访问从数据源返回的所有行，我可以循环访问这些行等，但我不确定这是否可能......还有我可以覆盖的 RenderContents ...看起来很有趣！

Answer 1

以下是如何在代码隐藏中执行所需操作：

var item = new ListItem("MyItem");
item.Attributes.Add("style", "font-weight: bold");

var list = FindControl("DropDownList1");
list.Items.Add(item);

从 System.Web.UI.Control 继承的任何控件都具有属性 Attributes，您可以使用它来添加或附加style 属性。

Answer 2

无论您在服务器端使用什么控件，它都会在客户端浏览器中呈现为 html，并且标准 html 下拉列表不支持对其内容进行样式设置。您可以使用 JavaScript 或 jQuery 自定义下拉列表控件来代替这样做。

Answer 3

好吧，我想我已经回答了我自己的问题，但看起来不太优雅。

我可以编写一个新的存储过程来返回我需要在列表中显示的数据，该列表将返回 ID 和说明。但是，描述将是描述加上 TRUE 或 FALSE（取决于表中的 IsUsed 标志）。然后在 RenderContents 中，我可以拆分描述字符串，解析 bool 并添加样式属性，如果 bool 为 true，则使文本变为粗体...

Answer 4

我在 Chrome 中尝试了以下代码，它确实有效：(使顶部项目变为粗体。

ddlTest.Items.FindByValue("0").Attributes.Add("style", "font-weight:bold");