Wijmo Open for Juice UI Extender Controls / WijList / WijList Task-Based Help / Multiple Selection in a List
Multiple Selection in a List

The WijList control supports the multiple selection of list items.

  1. Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
  2. Add a standard Panel control to the main content of  your page.
  3. In Source view, use the following markup to add a WijList control to the page and set the TargetControlID to Panel1.
    <cc1:WijList ID="Panel1_WijList" runat="server"       
    
            TargetControlID="Panel1">        
    
    </cc1:WijList>
    
  4. Select View | Properties Window in the Visual Studio menu.
  5. Click the drop-down list at the top of the Properties window and select TextBox1_WijList.
  6. Click the ellipsis button next to the ListItems property and add six members (Members 0-5). Set the Label and Value properties for each member as follows:

    Member

    Label

    Value

    0

    Label1

    Value1

    1

    Label2

    Value2

    2

    Label3

    Value3

    3

    Label4

    Value4

    4

    Label5

    Value5

    5

    Label6

    Value6

    The markup should look similar to the following:

    <cc1:WijList ID="Panel1_WijList" runat="server"       
    
            TargetControlID="Panel1">       
    
    <ListItems>
    
          
    
                <cc1:ListItem Label="Label1" Value="Value1" />        
    
                <cc1:ListItem Label="Label2" Value="Value2" />       
    
                <cc1:ListItem Label="Label3" Value="Value3" />        
    
                <cc1:ListItem Label="Label4" Value="Value4" />       
    
                <cc1:ListItem Label="Label5" Value="Value5" />       
    
                <cc1:ListItem Label="Label6" Value="Value6" />       
    
    </ListItems>        
    
    </cc1:WijList>
    
  7. Set the SelectionMode property to Multiple.
  8. Press F5 to run the application. Select multiple list items.