1

我的主题数据如下所示:

010000 <- Top level header
010100 A <- Sub level header
010101 B <- Clickable item in the select list
010102 C <- Clickable item in the select list
010103 D <- Clickable item in the select list
010200 E <- Sub level header
010201 F <- Clickable item in the select list
010202 G <- Clickable item in the select list

目前我正在使用以下代码制作一个显示所有内容的选择列表:

var topics = contentService.Get(accountID + "06000").OrderBy(o => o.Order);
foreach (Content topic in topics) {
    txt += "<option value='" + topic.RowKey + "'>" + topic.Name + "</option>\n";
}

有没有办法可以改变它,以便:

  • 顶级标题不是选择列表的一部分吗?换句话说,以“0000”结尾的每一行都不会放入主题变量中。
  • 子级标题在选择列表中显示为组。

像这样的组:

<select>
  <optgroup label="A">
      <option value="010101">B</option>
      <option value="010102">C</option>
      <option value="010103">D</option>
  </optgroup>
  <optgroup label="E">
      <option value="010201">F</option>
      <option value="010202">G</option>
  </optgroup>
</select>

我希望有人能帮帮忙。我想也许我可以做限制,但我不知道如何进行开始和结束分组。

4

2 回答 2

2

为了简化一点,让我们假设您的主题在以下内容中定义List

List<Tuple<string, string>> topics = new List<Tuple<string, string>>
{
    Tuple.Create("010000", string.Empty),
    Tuple.Create("010100", "A"),
    Tuple.Create("010101", "B"),
    Tuple.Create("010102", "C"),
    Tuple.Create("010103", "D"),
    Tuple.Create("010200", "E"),
    Tuple.Create("010201", "F"),
    Tuple.Create("010202", "G"),
};

然后,您可以简单地遍历每个主题并逐步构建您的 HTML:

XElement select = new XElement("select");
XElement optGroup = null;

foreach (var topic in topics)
{
    // skip root topic
    if (!topic.Item1.EndsWith("0000"))
    {
        // optgroup
        if (topic.Item1.EndsWith("00"))
        {
            optGroup = new XElement("optgroup", new XAttribute("label", topic.Item2));
            select.Add(optGroup);
        }
        // option
        else if (optGroup != null)
        {
            optGroup.Add(new XElement("option", new XAttribute("value", topic.Item1), new XText(topic.Item2)));
        }
    }
}

Console.WriteLine(select);

您将获得以下控制台输出:

<select>
    <optgroup label="A">
        <option value="010101">B</option>
        <option value="010102">C</option>
        <option value="010103">D</option>
    </optgroup>
    <optgroup label="E">
        <option value="010201">F</option>
        <option value="010202">G</option>
    </optgroup>
</select>
于 2012-07-22T14:48:22.110 回答
2

好吧,目前还不清楚 RowKey 是什么。但是假设 RowKey 是“01xxxx”。不知道 "A, B, C..." 是否属于同一个字符串...

var groupedList = topics.Where(m => m.RowKey.Substring(2, 2) != "00")
                       .GroupBy(m => m.RowKey.Substring(2, 2))
                       .ToList();

然后你可以像使用它一样

var select = new XElement("select");
foreach (var group in groupedList)  {
   var subLevel = group.First();
   var optGroup = new XElement("optGroup", new XAttribute("label", subLevel.Name);
   optGroup.
   sb.Append(
   foreach (var item in group.Skip(1).ToList()) {
      optGroup.Add(new XElement("option", new XAttribute("value", item.RowKey), new XText(item.Name)));
   }
   select.Add(optGroup);
}
var result = select.ToString();

如果您有其他以“02”、“03”等开头的组,则必须在topic.Substring(0, 2).

于 2012-07-22T14:29:10.487 回答