asp.net dropdownlist-добавить пустую строку перед значениями БД

на моей странице у меня есть 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>

спасибо.

P. S. Как вы рекомендуете, используя SqlDataSource или лучше заселить по-другому?

5 ответов


вы можете просто добавить 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>

<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 атрибут добавил.


Я действительно не тестировал это, но я предполагаю, что вы можете добавить элемент после привязки выпадающего списка. Вы можете добавить это событие в любой раскрывающийся список, в который хотите добавить это пустое поле.

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

Я решаю изменить команду select, добавив пустую опцию:

        <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>

Привет!!!


в реализации бритвенного стиля у меня это выглядит так:

@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 и некоторые проверки модели.