如何使用jquery ajax在ASp.net MVC4中创建级联文本框

Question

伙计们，我坚持要创建两个级联文本框。例如：第一个文本框是“任务”，其他是“项目”，我想自动完成第一个文本框和特定于第二个文本框中加载的项目，这些项目与第一个文本框tasaks有关... i分别填充两者..这是我的自动完成任务和自动完成项目的代码...

function AutoCompleteTasks() {
    $("#txtTasks").autocomplete({
        source: function (request, response) {
            //debugger;
            $.ajax({
                url: "/Home/AutoCompleteTasks",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.Name, value: item.Name };
                    }))
                }
            })
        },
    });
}

对于项目是

function AutoCompleteProjects() {
    $("#txtproject").autocomplete({
        source: function (request, response) {
            //debugger;
            $.ajax({
                url: "/Home/AutoCompleteProjects",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.Name, value: item.Name };
                    }))
                }
            })
        },
    });
}

我的Json结果代码是

public JsonResult AutoCompleteTasks(string term)
{
    var result = (from t in context.Tasks
                  where t.Name.Contains(term)
                  select new { t.Name });
    return Json(result, JsonRequestBehavior.AllowGet);
}

对于项目是

//load projects on autocomplete
public JsonResult AutoCompleteProjects(string term)
{
    var query = (from p in context.Projects
                 where p.Name.Contains(term)
                 select new { p.Name }).Distinct();
    return Json(query, JsonRequestBehavior.AllowGet);
}

任何帮助将不胜感激..

Answer 1

这是mvc4begginer撰写的关于级联文本框的非常不错的文章 。 请检查一下。

希望这可以帮助。