添加到 MVC3 中的下拉列表

Question

问题：如何优雅地在 MVC3 的下拉菜单中添加更多课程

我正在使用单独的屏幕，但理想情况下希望将它们全部放在同一个屏幕上，可能使用 ajax 和 jquery。

Answer 1

我最终只是为我的“子”项目添加了另一个提交按钮，并在此处的第二个答案中调用它：

您如何处理 ASP.NET MVC 框架中的多个提交按钮？

Answer 2

我发现一个更好的解决方案是使用 jquery.ui 自动完成。 然后，您可以轻松添加课程。 我之前在类似的场景中非常成功地使用过它。 您还可以利用 ajax 调用大列表的优势。

这是一些示例 jquery 代码，它根据用户在文本框中输入的内容从服务器获取列表（routeList 是显示课程列表的框，routeId 是一个隐藏字段，其中包含所选路线的 id）：

$("#routeList").autocomplete({
    source: function (request, response) {
        $("#ajax_loader").show();  //Gets the whirly graphic going
        $("#routeId").val("0");
        var postData = { term: request.term };

        var jqxhr = $.post("/Ajax/RouteAutoComplete", $.postify(postData), function (data) {
            $("#ajax_loader").hide();
            response(data);
        });
    }
    ,
    minLength: 1,
    select: function (event, ui) {
        $("#routeId").val(ui.item ? ui.item.id : "0");
    }
});

回帖时，如果 routeId=0，则可以根据 routeList 中的文本添加新课程