Раскрывающийся список asp.net – добавьте пустую строку перед значениями БД
-
13-09-2019 - |
Вопрос
На моей странице есть 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
или лучше заселить другим способом?
Решение
Вы можете просто добавить Пункт списка внутри разметки 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);
}
Я решил изменить команду выбора, добавив пустую опцию:
<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 и некоторых проверок модели.