【问题标题】:Populate bootstrap dropdown using C#使用 C# 填充引导下拉列表
【发布时间】:2015-02-16 15:08:46
【问题描述】:

如何从代码隐藏中填充引导下拉菜单?现在我正在尝试这个:

    HtmlGenericControl li;

    for (int x = 3; x <= 10; x++)
    {
        li = new HtmlGenericControl("li");
        li.Attributes.Add("class", "myItemClass");
        li.InnerText = "Item " + x;

        myList.Controls.Add(li);
    }

这确实添加了项目,但它完全失去了&lt;li&gt;-items 上的引导设计。另外,我怎么知道哪个值是DataTextField,哪个是DataValueField

下拉html:

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" id="myList" runat="server">

  </ul>
</div>

【问题讨论】:

  • 看起来您正在遵循 getbootstrap.com/components/#dropdowns 的示例 - 只有您只是添加 &lt;li&gt; 项目,而他们正在使用 &lt;li&gt;&lt;a/&gt;&lt;/li&gt;
  • 我有预感这是问题所在,但我的问题仍然存在,因为我不知道如何添加 &lt;li&gt;&lt;a/&gt;&lt;/li&gt; 项目
  • 可能类似于li.Children.Add(new GenericControl("a"));

标签: c# asp.net twitter-bootstrap


【解决方案1】:

使用文字添加它们可能会更容易,如下所示:

Dropdown.aspx:

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" id="myList" runat="server">
        <asp:Literal runat="server" id="litDropDown"></asp:Literal>
    </ul>
</div>

Dropdown.aspx.cs:

for (int x=3; x<10;x++)
{
    string liText = "";

    liText = liText + "<li role=\"presentation\">";
    liText = liText + "<a role=\"menuitem\" tabindex=\"-1\" href=\"#\">";
    liText = liText + "Item " + x;
    liText = liText + "</a></li>";

    litDropDown.Text = litDropDown.Text + liText;
}

【讨论】:

  • 像魅力一样工作,谢谢! PS:如果我想添加DataTextFieldDataValueField。我怎样才能使用这种方法做到这一点?
  • @iQue - 你能举个例子说明你想要达到的目标吗?
猜你喜欢
  • 2012-10-04
  • 1970-01-01
  • 1970-01-01
  • 2014-12-18
  • 2012-11-07
  • 2016-05-12
  • 2011-08-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多