单个输入文本中的两个自动完成功能

Question

我有两个自动完整功能，对于不同的文本框来说正常，我想在单个文本框中添加这两个自动完成功能值，
第一个功能：

$(function () {
$(".AccountSuplier").autocomplete({
    source: '/AccAddAcount/AutoSearchSupplierAcc'
});
});
//that I used with textbox like this :
<input asp-for="Supplier" class="form-control AccountSuplier">
           

第二个功能：

$(function () {
 $(".AutoEmplyee").autocomplete({
    source: '/EmpAddEmp/AutoSearchEmploy'
 });
 });

<input asp-for="Emplyee" class="form-control AutoEmplyee">

这两个功能正常工作，并给出不同文本框中的供应商和Emplyees的列表，现在我想在单个文本框中添加这些列表，

//在控制器中//代码in Controller ：（对于供应商，就像雇员一样）

[HttpGet]
    public IActionResult AutoSearchEmploy()
    {
        var name = HttpContext.Request.Query["term"].ToString();

        PaginatedList<EmpAddEmploy> units = _EmpAddEmpRepo.GetItems("Name", SortOrder.Ascending, "", 1, 20);

        var data = units.Where(j => j.EmployeeName.ToLower().Contains(name.ToLower())).Select(j => j.EmployeeName);
        return Ok(data);
    }

Answer 1

您需要手动组合两个查询。没有测试，它看起来像这样：

$(function () {
    $(".SupplierEmployee").autocomplete({
        source: function (request, response) {
            let supplier = $.get("/AccAddAcount/AutoSearchSupplierAcc", {
                term: request.term
            });

            let employee = $.get("/EmpAddEmp/AutoSearchEmploy", {
                term: request.term
            });

            $.when(supplier, employee).done(function (data1, data2) {
                response(data1.concat(data2));
            });
        }
    });
});

<input asp-for="Supplier" class="form-control SupplierEmployee">        

Answer 2

我尝试此尝试，但仅适用于一等班，并提供供应商的列表

<input asp-for="User" class="form-control AccountSuplier AutoEmplyee">