根据所选按钮动态更改下拉列表的内容

时间:2016-08-03 20:50:27

标签: c# angularjs asp.net-mvc angular-ui-bootstrap

我有一个ng-options下拉列表,对于单个视图中的三个按钮是常见的,当用户单击任何按钮时会显示相同的下拉列表,但下拉列表中填充的数据应根据所选按钮进行更改。我正在使用显示这些按钮的asp.net MVC视图。下拉列表的数据来自具有三个属性的JSON对象,如下所示。根据按钮的选择,应在下拉列表中填充此对象的属性。

asp.net mvc控制器中的方法:

public JsonResult GetDetails()
{ 
  var response = new { Names = names, 
                       CustomerDepartments = depts,
                        FilteredData = deptSubSet 
                     };
  return Json(response, JsonRequestBehaviour.AllowGet();
}    

在下面的下拉列表代码中,应该将根据用户选择,如何实现过滤器或条件语句的三个属性返回JSON对象的方法中的filteredData属性更改为上面显示的名称或customerDepartments。在ng-options基于按钮单击或用户选择的操作。所选操作存储在角度控制器中的方法中,并且作为controller.SelectedAction返回到MVC视图。

  If controller.selectedaction=button1.click()
  ng-options="temp.Name as temp.Name for temp in          
 Controller.Method2.FilteredData

  If controller.selectedaction=button2.click
     ng-options="temp.Name as temp.Name for temp in          
    Controller.Method2.CustomerDepartments

   <select class="form-control" ng-      model="Controller.Method1.Dropdown1"
 ng-options="temp.Name as temp.Name for temp in          
 Controller.Method2.FilteredData"><option value="">Select a Value</option>

0 个答案:

没有答案