У меня есть вид сетки и выпадающий список внутри вида сетки для выбора элементов.Поскольку мой список предметов большой, я использую плагин JQuery Select2 для поиска.поэтому я добавил ссылки и код инициализации на главную страницу сайта, а также впервые смог инициализировать функцию select2.однако после выбора первого элемента раскрывающийся список становится обычным раскрывающимся списком и теряет все функции select2.
В моем веб-приложении asp.net используется плагин select2 шаблона AdminLTE 3 с sql в качестве базы данных.
Ссылки и код инициализации на главной странице:
<link rel="stylesheet" href="plugins/select2/select2.min.css"/>
<script src="plugins/select2/select2.full.min.js"></script>
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
})
</script>
DropDownList:
<asp:TemplateField HeaderText="Item Name" ItemStyle-Wrap="false" ControlStyle-Width="250px" HeaderStyle-Wrap="false">
<ItemTemplate>
<asp:DropDownList ID="drpItemname" runat="server" Width="200px" CssClass="form-control select2" OnSelectedIndexChanged="GetItemDetails" AutoPostBack="true"></asp:DropDownList>
</ItemTemplate>
<HeaderStyle Wrap="False" />
<ItemStyle Wrap="False" />
</asp:TemplateField>
Снимок экрана после загрузки первой страницы:
Снимок экрана после выбора элемента: