Question

我有一个名为Specialty的webdropdown，另一个webdropdown命名为SubSpeciality。

当我点击一个专业项目时，子专业列表会被填充。

我使用AutoPostBackFlags-SelectionChanged =“On”和OnSelectionChanged =“wddSpeciality_Selected”来实现此目的。

我的问题是：我需要在Specialty中进行多次选择，而不需要自动回复页面，一旦进行了多次选择，SubSpeciality应该由所有项目一起填充。

因此，如果我删除AutoPostBackFlag，则列表不会被填充。

请尽快建议我。

我可以使用任何Java Script或Ajax Script来实现这一目标吗？

如果是，请给我简要介绍。

Answer 1

我的建议是使用更新面板。选择项目时禁用第一个WDD的关闭（此设置的属性为true“EnableClosingDropDownOnSelect”），当第一个菜单关闭以处理此事件（DropDownClosed）并更新包含第二个WDD的更新面板时原因。另一种选择是在此事件中执行_postback并避免使用Update Panel。

Answer 2

你在寻找像这样的解决方案吗？

   function WebDropDown1_SelectionChanged(sender, eventArgs){

          var items1 = eventArgs.getNewSelection();

          var count = items1.length;

          var items2 = $find("WebDropDown2").get_items();


          for(var i = 0; i < count; i++)
          {
              items2._control.selectItemByIndex(items1[i].get_index(), false, true);
          }
    }


       <ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px"
                       EnableMultipleSelection="true"
                       EnableClosingDropDownOnSelect="false">
           <Items>
               <ig:DropDownItem Selected="False" Text="item 1" Value="">
               </ig:DropDownItem>
               <ig:DropDownItem Selected="False" Text="item2" Value="">
               </ig:DropDownItem>
               <ig:DropDownItem Selected="False" Text="item3" Value="">
               </ig:DropDownItem>
           </Items>
           <ClientEvents SelectionChanged="WebDropDown1_SelectionChanged" />
       </ig:WebDropDown>

       <ig:WebDropDown ID="WebDropDown2" runat="server" Width="200px"
                       EnableMultipleSelection="true"
                       EnableClosingDropDownOnSelect="false">
           <Items>
               <ig:DropDownItem Selected="False" Text="item 1" Value="">
               </ig:DropDownItem>
               <ig:DropDownItem Selected="False" Text="item2" Value="">
               </ig:DropDownItem>
               <ig:DropDownItem Selected="False" Text="item3" Value="">
               </ig:DropDownItem>
           </Items>
       </ig:WebDropDown>

WebDropDown上的多重选择并在另一个WebDropDown中反映它 - Infragistics

2 个答案: