asp.net dropdownlist - 在数据库值之前添加空行

Question

在我的页面上，我有一个 DropDownList，我用来自 SqlDataSource 的数据库值填充它（请参见下面的代码）。

如何在值之前添加自己的文本或空行？

<asp:DropDownList ID="drpClient" runat="server" Width="200px" 
    AutoPostBack="True" DataSourceID="dsClients" DataTextField="name" 
        DataValueField="client_id">
</asp:DropDownList>
<asp:SqlDataSource ID="dsClients" runat="server" 
    ConnectionString="my_connection_string" 
    ProviderName="System.Data.SqlClient" 
    SelectCommand="SELECT [client_id], [name] FROM [clients]">
</asp:SqlDataSource>

谢谢。

PS 您是否建议使用 SqlDataSource 还是使用其他方式填充更好？

Answer 1

您只需在其中添加 ListItem 即可DropDownList 标记。 之后将附加来自数据源的所有值。

<asp:DropDownList ID="drpClient" runat="server" Width="200px" 
          AutoPostBack="True" DataSourceID="dsClients" DataTextField="name" 
          DataValueField="client_id" AppendDataBoundItems="true">
   <asp:ListItem>-- pick one --</asp:ListItem>
</asp:DropDownList>

Answer 2

<asp:DropDownList ID="drpClient" runat="server" Width="200px" 
        AutoPostBack="True" DataSourceID="dsClients" DataTextField="name" 
        DataValueField="client_id" AppendDataBoundItems="True">

    <asp:ListItem Text="" Value="" />
 </asp:DropDownList>

它很容易被忽略，所以不要忘记我添加的 AppendDataBoundItems 属性。

Answer 3

我还没有真正测试过这一点，但我假设您可以在绑定下拉列表后添加一个项目。 您可以将此事件添加到您想要添加此空框的任何下拉列表中。

protected void DropDownList_DataBound(object sender, EventArgs e)
    {
        DropDownList ddl = (DropDownList)sender;
        ListItem emptyItem = new ListItem("", "");
        ddl.Items.Insert(0, emptyItem);
    }

Answer 4

我解决了更改选择命令添加一个空选项的问题：

        <asp:SqlDataSource ID="dsClients" runat="server" 
            ConnectionString="my_connection_string" 
            ProviderName="System.Data.SqlClient" 
            SelectCommand="SELECT [client_id], [name] FROM [clients] union SELECT NULL, '--- pick one ----' ">
        </asp:SqlDataSource>

问候！

Answer 5

在我的剃刀风格实现中，它看起来像这样：

@Html.EnumDropDownListFor(
    model => model.Privilege.Role,
    "-- Select role --",
    new
    {
        @style = "width: 216px !important",
        @class = "form-control",
        id = "role",
        required = "required"
     })

在加载时执行的 javascript 中，我有这样的：

function PutDefaultPrivilegePanelListHints() {
    $('#role').val('');
    ...
}

通过不引人注目的验证还有更灵活的解决方案（不依赖 HTML5）：

$('.required').each(function () { $(this).rules('add', { required: true, messages: { required: '' } }) });

当然，有一个服务器端也检查一下。
我认为应付课程不是一个好主意。
例如，我在页面中显示的所有内容都是某个类。 该类有几个可枚举类型属性。 复制所有这些属性，但在某些附加类中使它们可以为空，就像 stackoverflow 上的一些人建议的那样，这将是一场噩梦。

毕竟，为什么我应该为了某些特定的标记而改变我的业务逻辑呢？ 相反，我通过 JavaScript 和一些模型检查来处理所有事情。