c# - 如何将模型列表中的数据自动完成传递给视图

Question

我有一个问题：我使用 MVC 和 Web API，我想对“输入”使用“数据自动完成”选项，但我不想使用“@Url.Action(string actionName, string控制器名称);' ，我想从视图中获取数据，作为从控制器传递的模型列表。像这样@model List<Project_2.Models.CartiModels>，我不想像这样自动完成输入：data-autocomplete="@Url.Action("method", "controller")"。

那是因为我希望在第一页加载时将列表加载到视图中并在那里，而不是每次客户端将另一个值引入文本框时自行生成。

请帮我！谢谢

Answer 1

在您看来，您可以执行以下操作：

<script type="text/javascript">    
    $(document).ready(function() {
        // Assign your list to Jquery variable
         var list = @Model.Name; 
    }    

$(".txtAutocomplete").autocomplete({
    // Specify the source as the jquery variable
    source: function (request, response) {
        $.each(list, function (index, item) { // Iterate through your list
                itemList.push({ label: item.PropertyName, value: item.PropertyName2 });
        });
        response(itemList);
    },
    ..... 
 </script>