Adding Multiple Columns to C1ComboBox
You can easily add multiple columns to C1ComboBox. The markup used in this example creates a C1ComboBox with three columns.
1. Select View | Markup in your AJAX-enabled ASP.NET project.
2. Add the following markup within the <div></div> tags.
<cc1:C1ComboBox ID="C1ComboBox1" DropDownWidth="300" runat="server" VisualStyle="Vista">
<Columns>
<cc1:C1ComboBoxColumn HeaderText="header1"></cc1:C1ComboBoxColumn>
<cc1:C1ComboBoxColumn HeaderText="header2"></cc1:C1ComboBoxColumn>
<cc1:C1ComboBoxColumn HeaderText="header3"></cc1:C1ComboBoxColumn>
</Columns>
<Items>
<cc1:C1ComboBoxItem Text="item1">
<Cells>
<cc1:C1ComboCell Text="item1"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test2"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test3"></cc1:C1ComboCell>
</Cells>
</cc1:C1ComboBoxItem>
<cc1:C1ComboBoxItem Text="item2">
<Cells>
<cc1:C1ComboCell Text="item2"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test2"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test3"></cc1:C1ComboCell>
</Cells>
</cc1:C1ComboBoxItem>
<cc1:C1ComboBoxItem Text="item3">
<Cells>
<cc1:C1ComboCell Text="item3"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test2"></cc1:C1ComboCell>
<cc1:C1ComboCell Text="test3"></cc1:C1ComboCell>
</Cells>
</cc1:C1ComboBoxItem>
</Items>
</cc1:C1ComboBox>
3. Press F5 to run the project. The C1ComboBox looks like the following image:
|