通过 C# 代码隐藏将列表项添加到 jqueryui

Question

我正在使用this plugin 来显示一个可选列表。

虽然它工作正常，但我需要从 C# 后面的代码中填充这些列表项。 你能指出我正确的方向吗？

这是代码隐藏部分：

 wnetEntities1 db = new wnetEntities1();
 var wl = from w in db.wnet_available
         join role in db.wnet_userinfo
         on w.UserID equals role.UserId
         where w.AvailStatus == 1 && role.WLId == 1
         select new { w.UserID, role.FirstName };

wl.ToList();
foreach (var w in wl)
{
    var name = w.FirstName;

//猜测这是应该生成 li 项目的地方。 }

这是html列表（需要从asp.net生成）：

        <ol id="selectable">

        <li class="ui-widget-content">Item 1</li>
        <li class="ui-widget-content">Item 2</li>
        <li class="ui-widget-content">Item 3</li>
        <li class="ui-widget-content">Item 4</li>
        <li class="ui-widget-content">Item 5</li>
        <li class="ui-widget-content">Item 6</li>
        <li class="ui-widget-content">Item 7</li>
    </ol>

Answer 1

为了能够在服务器端看到您的ol 元素，首先将runat="server" 添加到它：

<ol id="selectable" runat="server">  

然后您可以轻松地将您的lis 添加到它：

foreach (var w in wl.ToList())
{
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.Attributes.Add("class", "ui-widget-content");
    li.InnerText = w.FirstName;
    selectable.Controls.Add(li);
}

Answer 2

像这样？

   <% var items = wl.ToList(); %>

        <ol id="selectable">

         <%   foreach (var w in items)
            { %>
            <li class="ui-widget-content"><%=w.FirstName %></li>

            <% } %>
       </ol>