如何将json数据绑定到Asp.MVC5中的dropdownlist?

苏珊

嗨,我有一个名为“员工”的字段。这是下拉列表。我想使用ajax将数据库中的数据绑定到下拉列表。我已尽力尝试了该级别,但它与下拉列表的绑定不正确。然后还有一个疑问是必须使用任何通用插件通过ajax将数据绑定到下拉列表?

我的模型代码(VisitorsViewModel)

  public Nullable<System.Guid> EmployeeID { get; set; }

我的控制器代码

  public JsonResult GetEmployee()
    {
        var objEmployeelist = (from e in db.Employees  select e).ToList();
        return Json(objEmployeelist,JsonRequestBehavior.AllowGet);

    }

我的看法

  @Html.Label("Employee Name")
  @Html.DropDownListFor(model =>model.EmployeeID, new SelectList(string.Empty,"Value","Text"),"Select", new{@class="form-control"})

我的jQuery

$(function () {
    debugger
   $.ajax(
           '@Url.Action("GetEmployee", "NextFollowUp", new { Area = "Sales" })', {
           type: "GET",
           datatype: "Json",
           success: function (data) {
               debugger;
               $.each(data, function (index, value) {
                   $('#EmployeeID').append('<option value ="' + value.EmployeeID + '">' + value.DisplayName + '</option>');
               });
           }
      });

});

开发者

将员工集合添加到ViewModel或Viewbag中,然后将集合绑定到Dropdown。根据我们的讨论,您想在ViewModel中添加一个集合,然后开始:

视图模型

public class VisitorsViewModel
{
    public string EmployeeId
    {
        get;
        set;
    }

    public IEnumerable<Employee> Employees
    {
        get;
        set;
    }
}

//There might be other properties as well in this class
public class Employee
{
    public Guid? EmployeeId
    {
        get;
        set;
    }

    public string DisplayName
    {
        get;
        set;
    }
}

看法:

 @Html.DropDownListFor(model =>model.EmployeeId, new SelectList(Model.Employees,"EmployeeId","DisplayName"),"Select", new{@class="form-control"})

我在这里创建了一个小提琴-https: //dotnetfiddle.net/zC3UR6

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在MVC5中同步两个DropDownList元素?

来自分类Dev

为ASP.NET MVC5关系创建DropDownList

来自分类Dev

MVC5 Dropdownlist提交静态数据时遇到麻烦

来自分类Dev

如何将数据表绑定到ASP.net MVC中的下拉列表?

来自分类Dev

如何将数据绑定到ASP.NET MVC Razor中的布局模板

来自分类Dev

如何将ICollection值存储到MVC5中的数据库中?

来自分类Dev

如何将ICollection值存储到MVC5中的数据库中?

来自分类Dev

如何将DateTime参数从View传递到ASP.net MVC5中的Controller?

来自分类Dev

我如何将json数组数据绑定到mvc中的html()

来自分类Dev

如何将JSON数据绑定到JQuery中的复选框

来自分类Dev

如何将新用户从MVC5中的Configuration存储到数据库中?

来自分类Dev

MVC5如何将TinyMCE值绑定到模型

来自分类Dev

MVC5如何将TinyMCE值绑定到模型

来自分类Dev

如何从ASP.NET MVC5中的JSON绑定模型中的属性

来自分类Dev

如何将数据绑定到WPF中的gridcontrol

来自分类Dev

如何将数据从ArrayList绑定到Android中的TableLayout?

来自分类Dev

ASP.NET MVC5,JSON,弹出式partialView-设置DropDownList被选中

来自分类Dev

如何将列表绑定到DropDownList

来自分类Dev

如何将Dropdownlist绑定到webgrid中的新行?

来自分类Dev

如何将Dropdownlist绑定到webgrid中的新行?

来自分类Dev

将json变量数据绑定到jquery的dropdownlist中

来自分类Dev

我如何将Ienumerable类牢固绑定到MVC asp.net中的视图?

来自分类Dev

如何将模型绑定到 ASP MVC Core 中的会话

来自分类Dev

在MVC5中将JSON传递给WebApi

来自分类Dev

如何将MVC 5列表绑定到JSON对象

来自分类Dev

如何将MVC 5列表绑定到JSON对象

来自分类Dev

如何将值从数据库绑定到MVC 3中的下拉列表

来自分类Dev

使用引导程序显示格式将输入字段绑定到MVC5中的模型

来自分类Dev

如何将JSON对象的JavaScript数组绑定到viewModel中的对象列表。dotnetcore mvc

Related 相关文章

  1. 1

    如何在MVC5中同步两个DropDownList元素?

  2. 2

    为ASP.NET MVC5关系创建DropDownList

  3. 3

    MVC5 Dropdownlist提交静态数据时遇到麻烦

  4. 4

    如何将数据表绑定到ASP.net MVC中的下拉列表?

  5. 5

    如何将数据绑定到ASP.NET MVC Razor中的布局模板

  6. 6

    如何将ICollection值存储到MVC5中的数据库中?

  7. 7

    如何将ICollection值存储到MVC5中的数据库中?

  8. 8

    如何将DateTime参数从View传递到ASP.net MVC5中的Controller?

  9. 9

    我如何将json数组数据绑定到mvc中的html()

  10. 10

    如何将JSON数据绑定到JQuery中的复选框

  11. 11

    如何将新用户从MVC5中的Configuration存储到数据库中?

  12. 12

    MVC5如何将TinyMCE值绑定到模型

  13. 13

    MVC5如何将TinyMCE值绑定到模型

  14. 14

    如何从ASP.NET MVC5中的JSON绑定模型中的属性

  15. 15

    如何将数据绑定到WPF中的gridcontrol

  16. 16

    如何将数据从ArrayList绑定到Android中的TableLayout?

  17. 17

    ASP.NET MVC5,JSON,弹出式partialView-设置DropDownList被选中

  18. 18

    如何将列表绑定到DropDownList

  19. 19

    如何将Dropdownlist绑定到webgrid中的新行?

  20. 20

    如何将Dropdownlist绑定到webgrid中的新行?

  21. 21

    将json变量数据绑定到jquery的dropdownlist中

  22. 22

    我如何将Ienumerable类牢固绑定到MVC asp.net中的视图?

  23. 23

    如何将模型绑定到 ASP MVC Core 中的会话

  24. 24

    在MVC5中将JSON传递给WebApi

  25. 25

    如何将MVC 5列表绑定到JSON对象

  26. 26

    如何将MVC 5列表绑定到JSON对象

  27. 27

    如何将值从数据库绑定到MVC 3中的下拉列表

  28. 28

    使用引导程序显示格式将输入字段绑定到MVC5中的模型

  29. 29

    如何将JSON对象的JavaScript数组绑定到viewModel中的对象列表。dotnetcore mvc

热门标签

归档