多重选择的WebDropDown和反映它在另一个WebDropDown - fragistics

Question

我有一个名为specialty的webdropdown和另一个名为subspecialty的webdropdown。

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

我已经使用AutoPostBackFlags-SelectionChanged="On"和OnSelectionChanged="wddSpeciality_Selected"来实现这一点。

我的问题是:我需要在专业中进行多次选择，而不需要自动调整页面，一旦进行了多次选择，那么子专业应该由所有项目一起填充。

所以如果我删除AutoPostBackFlag，那么列表就不会被填充。

请尽快推荐我。

我可以使用任何Java脚本或Ajax脚本来实现这一点吗?

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>