以编程方式将超链接添加到不是DisplayMode =超链接的项目符号列表

我有一个ASP.NET项目符号列表控件，直到今天，它才被创建并仅用于纯文本。 一个新的设计请求要求我将这些项中的一些转换为超链接。 因此，项目符号列表最终将需要包含一些纯文本项和一些超链接。 如果我将其更改为DisplayMode = Hyperlink，即使我将值保留为空白，应该只是纯文本的条目仍然是可点击链接。

我认为可以使用的一个解决方案是使用Literal控件并在需要链接的行上使用HTML（ <a href... ）。 这将需要重新处理一些旧代码，所以在我尝试之前我真的想知道这是否可以与现有的BulletedList一起使用。

---

编辑：

我在任何地方都找不到任何关于此的东西，我通常认为自己是一个非常优秀的Google员工。 因此，对于在下一个十年的某个时间发现自己处于同一场景中的一两个迷茫和迷茫的灵魂，这是我完整实现下面提供的优秀答案：

在页面的代码隐藏中：

 foreach (SupportLog x in ordered) { blschedule.Items.Add(new ListItem(x.Headline, "http://mysite/Support/editsupportlog.aspx?SupportLogID=" + x.SupportLogID)); } blschedule.DataBind(); 

注意最后的DataBind —这是落入DataBound事件所必需的：

 protected void blschedule_DataBound(object sender, EventArgs e) { foreach (ListItem x in blschedule.Items) { if (x.Value.Contains("http")) //an item that should be a link is gonna have http in it, so check for that { x.Attributes.Add("data-url", x.Value); } } } 

在.aspx页面的头部：

 <script src="" type="text/javascript">  $(document).ready(function () { $('# li').each(function () { var $this = $(this); var attr = $this.attr('data-url'); if (typeof attr !== 'undefined' && attr !== false) { $this.html('' + $this.text() + ''); } }); });  

if语句需要确保仅将具有“data-url”属性的项目转换为链接，而不是将所有项目转换为链接。

Answer 1

您可能会发现使用执行该任务更容易。

就像是：

  
  
<%# string.IsNullOrEmpty(Eval("url").ToString()) ? Eval("text") : string.Format("{1}", Eval("url").ToString(), Eval("text").ToString()) %>
    

Hackalicious Way

数据绑定BulletedList时，将URL值设置为DataValueField

使用DataBound事件迭代项目，并使用URL值为每个项目添加属性

 protected void BulletedList1_DataBound(object sender, EventArgs e) { foreach (ListItem i in BulletedList1.Items) { if (i.Value.Length > 0) { i.Attributes.Add("data-url", i.Value); } } } 

使用JavaScript / jQuery来应用必要的标记：

 $('[data-url]').each(function() { var $this = $(this); $this.html('' + $this.text() + ''); }); 

没有测试这个jQuery但它应该是接近的