将 Telerik radcombobox 项目排列成两列

Question

如何将以下 rad 组合框项目排列成两列，以便向下展开时不像现在那么大。可能吗？。我想将列表项保留在两个单独的列中，两个列上都有复选框。

<telerik:RadComboBox ID="rcmbFormsAndDimensions" runat="server"   CheckBoxes="true"   Text='<%# Bind("Form_Dimensions") %>'  Width="650px" CheckedItemsTexts="DisplayAllInInput">
                                            <Items>
                                                <telerik:RadComboBoxItem Text="single pen"  />
                                                <telerik:RadComboBoxItem Text="shotgun" />
                                                <telerik:RadComboBoxItem Text="double-shotgun" />
                                                <telerik:RadComboBoxItem Text="camelback" />
                                                <telerik:RadComboBoxItem Text="double pen" />
                                                <telerik:RadComboBoxItem Text="hall-parlor" />
                                                <telerik:RadComboBoxItem Text="saddlebag" />
                                                <telerik:RadComboBoxItem Text="creole cottage" />
                                                <telerik:RadComboBoxItem Text="dog trot" />
                                                <telerik:RadComboBoxItem Text="central-hall" />
                                                <telerik:RadComboBoxItem Text="gable-ell" />
                                                <telerik:RadComboBoxItem Text="bungalow" />
                                                <telerik:RadComboBoxItem Text="pyramidal cottage" />
                                                <telerik:RadComboBoxItem Text="Queen Anne cottage" />
                                                <telerik:RadComboBoxItem Text="central-hall, 2 pile cottage" />
                                                <telerik:RadComboBoxItem Text=" bluffland cottage" />
                                                <telerik:RadComboBoxItem Text="central-hall I-house" />
                                                <telerik:RadComboBoxItem Text="double-pen I-house" />
                                                <telerik:RadComboBoxItem Text="hall-parlor I-house" />
                                                <telerik:RadComboBoxItem Text="Creole house" />
                                                <telerik:RadComboBoxItem Text="central hall, 2 pile house" />
                                                <telerik:RadComboBoxItem Text=" Queen Anne house" />
                                                <telerik:RadComboBoxItem Text="four square" />
                                                <telerik:RadComboBoxItem Text="minimal tradition cottage" />
                                                <telerik:RadComboBoxItem Text="split level" />
                                                <telerik:RadComboBoxItem Text="ranch" />
                                                <telerik:RadComboBoxItem Text="row house" />
                                                <telerik:RadComboBoxItem Text="warehouse" />
                                                <telerik:RadComboBoxItem Text="depot" />
                                                <telerik:RadComboBoxItem Text="skyscraper" />
                                                <telerik:RadComboBoxItem Text=" commercial row bldg." />
                                                <telerik:RadComboBoxItem Text=" freestanding commercial" />
                                                <telerik:RadComboBoxItem Text=" single-crib barn" />
                                                <telerik:RadComboBoxItem Text="transverse-crib barn" />
                                                <telerik:RadComboBoxItem Text="other" />                                        
                                              </Items>
                                        </telerik:RadComboBox>

Answer 1

我不确定你的情况，但这是我在 ASP 页面中从数据集中获取值的方式：

for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
  {
   DropDownList1.Items.Add(string.Format("{0:}", ds.Tables[0].Rows[i]["Pnum"])+
   spacer + (ds.Tables[0].Rows[i]["Project"]) + spacer +
   (ds.Tables[0].Rows[i]["Description"]));
   }

要查看上述代码的结果，您可以查看 this 我为其他问题制作的问题。

Answer 2

您可以使用 Telerik 在其网站上提供的解决方案。这是link。

之后，您可以向组合框添加其他样式以获得正确的列数。

<telerik:RadComboBox ID="rcmbFormsAndDimensions" runat="server"   CheckBoxes="true" CssClass="SetComboBoxWidth" CheckedItemsTexts="DisplayAllInInput" DropDownCssClass="multipleRowsColumns">

 .SetComboBoxWidth{
    min-width: 280px;
}

上面你可以看到一个解决方案的例子。

将 Telerik radcombobox 项目排列成两列

arrange Telerik radcombox items into two coloumns

telerik

radcombobox