我目前正在我的 ASP.NET MVC 项目中测试 Select2.js。
\n\n对“普通”视图的第一个测试工作正常,但现在我尝试将其添加到部分视图内的选择框,该部分视图在 Ajax 调用上加载,然后显示在<div>普通视图页面上。
生成下拉列表的代码如下所示:
\n\n@Html.DropDownList("addRole",\n new SelectList(ViewBag.availableRoles, "Id", "Name"),\n "Rolle ausw\xc3\xa4hlen", \n new { @name="addRole", @class = "form-control" }\n)\nRun Code Online (Sandbox Code Playgroud)\n\n在部分视图文件的末尾我添加了以下内容:
\n\n$(document).ready(function () {\n //var data = [{ id: 1, text: "Test" }];\n\n $("#addRole").select2({\n //data: data\n });\n});\nRun Code Online (Sandbox Code Playgroud)\n\n看起来它可以工作,因为选择框的外观发生了变化,但当我尝试打开它时,它什么也没显示。当我取消注释data上面的变量代码时,也会发生同样的情况。
它只是没有向我显示任何内容,我也不知道为什么。
\n\n我已经尝试将 JavaScript 代码添加到AJAX 调用的函数$(document).ajaxComplete中或函数中success,但它不会改变任何内容。