在网格视图中选择项目后，Select2 DropDownList功能消失
在网格视图中选择项目后，Select2 DropDownList功能消失
提问于 2019-05-01 16:29:04
我在网格视图中有一个网格视图和一个下拉列表来选择项目。因为我的项目列表很大，所以我使用JQuery Select2插件进行搜索。因此，我已经在站点母版页中添加了引用和初始化代码，并且第一次成功地初始化了select2功能。然而，在我选择了第一个项目后，下拉菜单变成了普通的下拉菜单，并且失去了所有的select2功能。
我在以AdminLTE为数据库的asp.net web应用程序中使用SQL3模板的select2插件。
母版页中的引用和初始化代码：
<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>加载第一个页面后的屏幕截图：
选择项目后的屏幕截图：
回答 1
Stack Overflow用户
发布于 2021-05-18 12:30:31
您只需添加以下代码
<script>
$(function () {
$(".select2").select2();
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
prm.add_endRequest(function (sender, e) {
$(function () {
$(".select2").select2();
});
});
}
</script>当UpdatePanel加载完成时，会触发prm.add_endRequest。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55933539
复制相关文章
相似问题
腾讯云开发者
