使用用户修改DropdownList MVC?

时间:2018-11-21 17:39:45

标签: c# jquery asp.net-mvc visual-studio

事实证明,我在casacade的下拉列表中有一个Jquery,其中包含来自地区和服务的数据,我希望当用户登录时,仅显示该用户所在地区的数据,该用户拥有分配的地区。

这是我在控制器上的代码:

public JsonResult GetServices(int districtId)
    {
        db.Configuration.ProxyCreationEnabled = false;
        var services = db.Services.Where(s => s.DistrictId == districtId).OrderBy(s => s.Name);
        return Json(services);
    }

这是我的Jquery脚本:

<script type="text/javascript">
   $(document).ready(function () {
       $("#DistrictId").change(function () {
           $("#ServiceId").empty();
           $.ajax({
               type: 'POST',
               url: '@Url.Action("GetServices")',
               dataType: 'json',
               data: { districtId: $("#DistrictId").val() },
               success: function (districts) {
                   $.each(districts, function (i, service) {
                       $("#ServiceId").append('<option value="'
                           + service.ServiceId + '">'
                           + service.Name + '</option>');
                   });
               },
               error: function (ex) {
                   alert('Failed to retrieve services.' + ex);
               }
           });
           return false;
       })
   });
</script>

我的观点:

<div class="form-group">
        @Html.LabelFor(model => model.DistrictId, "District", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("DistrictId", null, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.DistrictId, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.ServiceId, "Service", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("ServiceId", null, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.ServiceId, "", new { @class = "text-danger" })
        </div>
    </div>

1 个答案:

答案 0 :(得分:0)

假设登录的用户正在使用控制器方法。您可以获取用户并通过其区号进行过滤,而无需将其作为参数发送。如果两个下拉菜单都在同一个视图中,那么您正在做的事情似乎就可以了。如果问题是它永远不会进入方法内部,请确保在这种情况下使用POST时使用相应的Http Verb。

[HttpPost]
public JsonResult GetUserServices()
{
    var user = userManager.FindByNameAsync(User.Identity.Name);
    db.Configuration.ProxyCreationEnabled = false;
    var services = db.Services
                    .Where(s => s.DistrictId == user.DistrictId)
                    .OrderBy(s => s.Name);
    return Json(services);
}