Question

设置

我有一个相同的下拉列表列表（想想网格中的行项）。它们可以动态添加，并且都包含相同的项目列表。我的客户已请求在所有其他列表中禁用在一个列表中选择的项目。

一切正常，除了新添加的列表没有禁用其项目（现有的项目）。

守则

这被分解为一系列函数调用，但我已经在这里进行了操作以便于查看：

function DoTheStuff()
{
   enableAllTheDropDownItems(); //This works

   var allLists = $(".fooSelections");
   allLists.each(function(itemIndex, selectList){
      var selectedItems = $(".fooSelections option[selected='selected']");

      selectedItems.each(function(index, element) {
          var selectedValue = $(element).val();
          var parent = $(element).parent();

          //skips an item if it is the selectedItem of the current list
          if(parent.is(selectList)){  
              return true;
          }

          $("option[value*='" + selectedValue + "']", selectList).attr('disabled', 'disabled');

      });
   });

}

我使用模板（编辑器/显示器）来显示这个局部视图，但基本上创建每个选择列表的Razor语法如下所示：

@Html.DropDownListFor(m => m.FooId, new SelectList(Model.Foos, "FooId", "FooName", Model.FooId), new { @class = "fooSelections" })

处理程序

我在ajax调用中调用它，该调用添加了任何选择列表的记录和更改事件。正如我之前所说，它似乎适用于加载部分视图时存在的任何列表（asp.NET MVC 4），但不适用于动态添加的项目（它们的列表已填充但所有项都已启用）。即使添加了第二个动态项目，第一个动态项目（在不同的操作中添加）也没有禁用其项目。

问题

任何人都能看到我失踪的东西？或者有更好的方法来完成同样的事情吗？

编辑：添加了Robin捕获的缺失括号。

Answer 1

我假设你使用razor ajax helper方法进行ajax调用。

在ajax帮助器方法@ Ajax.ActionLink中，您可以提供一个AjaxOptions对象，您可以在其中设置要在OnComplete属性上执行的JS方法

示例：

@Ajax.ActionLink("linkText", "actionName", new AjaxOptions {UpdateTargetId = "DomID", OnComplete = "DoTheStuff" })

如果您没有使用ajax助手并使用本机ajax调用或jquery ajax调用，只需在ajax成功回调中调用“DoTheStuff”方法。

我改进了你的例子并在小提琴中进行了测试。请查看http://jsfiddle.net/eJudx/

禁用多个下拉列表中的选定项目

1 个答案: