MVC 5 模型的 Typeahead.js

Question

我刚刚使用 thw Typeahead.js 为 MVC 5 模型包装器实现了 typeahead 功能

http://timdwilson.github.io/typeahead-mvc-model/

一切正常，但我不知道如何设置建议下拉菜单中显示的项目数量限制。 javascript是这样的

$('#scrollable-dropdown-menu .typeahead').typeahead(null, {
  name: 'countries',
  limit: 10, -----> limit set here
  source: countries
});

但我看不到 mvc 模型包装器是如何实现这一点的，有三个重载，其中一个有“AdditionalViewdata”，也许这是需要的？没有我能找到的文档，而且似乎没有其他人这样做（看起来它在下拉列表中默认为 5）我的后端机制返回超过 5 个结果，它只是没有反映在 html 中

@Html.AutocompleteFor(model => model.Organisation.Org, model => model.Organisation.ORGID, "Autocomplete", "Organisation", false, new { htmlAttributes = new { @class = "form-control" } })

谁能帮忙？

Answer 1

关键是使用linq“Take”

这可行：1) 在您的控制器中创建一个操作并设置 RouteConfig 以启动此操作

public class HomeController : Controller
{
    public ActionResult Index20()
    {
        MyViewModel m = new MyViewModel();
        return View(m);
    }

创建一个没有任何类型母版页的视图 添加此视图模型：

public class MyViewModel
{
    public string SourceCaseNumber { get; set; }
}

转到管理 Nuget 包或 PM 控制台并添加到 MVC 5 项目 - Typeahead.js for MVC 5 Models by Tim Wilson 将添加的 HtmlHelpers.cs 的命名空间更改为 System.Web.Mvc.Html 并重建 添加这个类：

public class CasesNorm
{
    public string SCN { get; set; }
}

将这些方法添加到您的控制器中：

private List<Autocomplete> _AutocompleteSourceCaseNumber(string query)
    {
        List<Autocomplete> sourceCaseNumbers = new List<Autocomplete>();
        try
        {
            //You will goto your Database for CasesNorm, but if will doit shorthand here

            //var results = db.CasesNorms.Where(p => p.SourceCaseNumber.Contains(query)).
            //    GroupBy(item => new { SCN = item.SourceCaseNumber }).
            //    Select(group => new { SCN = group.Key.SCN }).
            //    OrderBy(item => item.SCN).
            //    Take(10).ToList();   //take 10 is important

            CasesNorm c1 = new CasesNorm { SCN = "11111111"};
            CasesNorm c2 = new CasesNorm { SCN = "22222222"};
            IList<CasesNorm> aList = new List<CasesNorm>();
            aList.Add(c1);
            aList.Add(c2);
            var results = aList;

            foreach (var r in results)
            {
                // create objects
                Autocomplete sourceCaseNumber = new Autocomplete();

                sourceCaseNumber.Name = string.Format("{0}", r.SCN);
                sourceCaseNumber.Id = Int32.Parse(r.SCN);
                sourceCaseNumbers.Add(sourceCaseNumber);
            }
        }
        catch (EntityCommandExecutionException eceex)
        {
            if (eceex.InnerException != null)
            {
                throw eceex.InnerException;
            }
            throw;
        }
        catch
        {
            throw;
        }
        return sourceCaseNumbers;
    }

    public ActionResult AutocompleteSourceCaseNumber(string query)
    {
        return Json(_AutocompleteSourceCaseNumber(query), JsonRequestBehavior.AllowGet);
    }

     throw;
    }
    catch
    {
        throw;
    }
    return sourceCaseNumbers;
}

public ActionResult AutocompleteSourceCaseNumber(string query)
{
    return Json(_AutocompleteSourceCaseNumber(query), JsonRequestBehavior.AllowGet);
}

感谢http://timdwilson.github.io/typeahead-mvc-model/