如何将模型列表中的数据自动完成传递到视图

本文关键字：视图 数据 模型 列表 | 更新日期: 2023-09-27 18:34:20

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

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

请帮帮我！谢谢

如何将模型列表中的数据自动完成传递到视图

在您看来，您可以按如下方式执行此操作：

<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>
相关文章：