在选定列表ID的视图中显示类别

时间:2019-05-13 09:25:35

标签: c# asp.net-mvc model-view-controller

我有一个车牌列表框,当我选择列表中的一个项目时,我想检索有关车牌的其余信息并将其显示在我的视图中。

我在列表框中只填充了用整个数据表填充upp的列表中的牌照号。当选择车牌号时,我要显示我已完成的清单中的所有信息。

我尝试使用@Html.displayfor,然后选择一个项目时要显示该车的品牌。我不太了解如何检索和显示它

这是我的模特:

 public class AdminCar 
    {
        public int CarID { get; set; }
        public string LicensePlateNumber { get; set; }
        public string Color { get; set; }
        public string Brand { get; set; }
        public string Model { get; set; }
        public string Firstname { get; set; }
        public string Lastname { get; set; }
        public long BirthOfDate { get; set; }
        public int VehicleFines { get; set; }
        public bool IsStolen { get; set; }
    }

这是我的控制者:

        public ActionResult CarInfo()
        {
            var CarService = new CarService();
            List<Core.Entities.Response.CoreCar> cars = CarService.ListOfCars();

            List<AdminCar> aCar = new List<AdminCar>();

            foreach (var item in cars)
            {
                AdminCar car = new AdminCar
                {
                    LicensePlateNumber = item.LicensePlateNumber,
                    Brand = item.Brand,
                    Color = item.Color,
                    Model = item.Model,
                    Firstname = item.Firstname,
                    Lastname = item.Lastname,
                    BirthOfDate = item.BirthOfDate,
                    VehicleFines = item.VehicleFines,
                    IsStolen = item.IsStolen,
                };
                aCar.Add(car);

            }
            return View(aCar);
        }

这是我的观点:


<select name="listbox" id="CarSelected">
    @foreach (var item in Model)
    {
        <option value="@item.LicensePlateNumber">
            @item.LicensePlateNumber                                
        </option>
    }
</select>

1 个答案:

答案 0 :(得分:0)

在这种情况下,您使用ajax调用从服务器获取信息

$('#CarSelected')。change(function(){     $ .ajax({       网址:“控制器/操作”,       类型:“获取”,       数据:{LicensePlateNumber:$('#CarSelected')。val()},       成功:功能(infoCar){        //通过jquery更新car的信息      }     }); });