为什么我的 DropDownList 只为第一个列表项输出错误的值？

Question

我将数据上下文中的城市加载到两个不同的列表中，并将它们绑定到各自的 DropDownList 控件。

虽然两者的代码相同，只是数据和控件的名称不同，但数据绑定似乎只对其中一个不能正常工作。它不显示城市名称，而是显示其 Id，即仅针对第一个选项！

我们有两个 DropDownList 控件：

1. DestinationDropDownList;
2. OriginDropDownList。

然后，我填充它们。

public partial class MyControl : UserControl {
    protected void Page_Load(object sender, EventArgs e) {
        if (!IsPostBack) {
            var instruction = new City() {
                CityId = Guid.Empty,
                CityName = "- Select a city -"
            };

            var destinations = context.Cities.ToList();
            destinations = destinations.OrderBy(c => c.CityName).ToList();
            destinations.Insert(0, instruction);
            DestinationDropDownList.DataSource = destinations;
            DestinationDropDownList.DataTextField = "CityName";
            DestinationDropDownList.DataValueField = "CityId";
            DestinationDropDownList.DataBind();

            var origins = context.Cities.ToList();
            origins = origins.OrderBy(c => c.CityName).ToList();
            origins.Insert(0, instruction);
            OriginDropDownList.DataSource = origins;
            OriginDropDownList.DataTextField = "CityName";
            OriginDropDownList.DataValueField = "CityId";
            OriginDropDownList.DataBind();
        }
    }
    private static readonly MyDataContext context = new MyDataContext();
}

HTML：

<asp:DropDownList ID="DestinationDropDownList" runat="server" />
<asp:DropDownList ID="OriginDropDownList" runat="server" />

显示的数据：

*DestinationDropwDownList*
    - 0000-0000-0000-0000-0000 (empty Guid)
    - CityName 01
    - CityName 02
    - ...

*OriginDropDownList*
    - - Select a city -
    - CityName 01
    - CityName 02
    - ...

正确的显示是由OriginDropDownList 控件呈现的。为什么DestinationDropDownList 没有正确显示数据，即列表中的第一个也是唯一的第一项？

1. 我尝试在插入指令之前删除第一项；
2. 我尝试插入指令两次，然后删除第一个；
3. 我尝试使用 DropDownList.Items.Add(string) 方法，但第一行没有显示任何内容，而是显示空的 Guid。

我该如何纠正这种行为！？

Answer 1

我以前没有遇到过这个问题，但我会尝试回答你的第二个问题。我认为通过代码添加第一个“指导性”项目没有什么价值（如果我错了，请纠正我）。我宁愿直接将它添加到标记中：

<asp:DropDownList ID="DestinationDropDownList" runat="server"
  AppendDataBoundItems="true"
  DataTextField="CityName"
  DataTextField="CityId">
  <asp:ListItem Text="- Select a city -" />
</asp:DropDownList>

由于使用了AppendDataBoundItems 属性，第一项将在数据绑定中保留下来。我还添加了DataTextField 和DataValueField 属性，您也可以从代码中删除它们。

在数据绑定之前您可以做的另一件事是将实体投影到ListItem 实例：

DestinationDropDownList.DataSource = 
  from d in destinations
  select new ListItem() {
    Text = d.CityName,
    Value = d.CityId.ToString()
  };
DestinationDropDownList.DataBind();

这样，您不必在控件上设置DataTextField 或DataValueField 属性，因为您已经在自己创建列表项。