Telerik 组合背景设计答案

【问题标题】：Telerik combo background designTelerik 组合背景设计
【发布时间】：2013-11-18 07:38:01
【问题描述】：

我不知道如何让组合框看起来像来自此链接的付款方式组合框https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx#qsf-demo-source

他们提供的来源似乎彼此没有任何不同，但我需要第四个的填充组合框设计。就是不知道怎么弄。

【问题讨论】：

标签： telerik telerik-combobox

【解决方案1】：

如果您按查看源，然后转到“PaymentMethods.xml”，您将看到用于分配的方法（Xml 直接取自 Telerik Demo）

<Items>
     <Item Text="American Express" Value="1" ImageUrl="Images/card-types/american-express.png" />
     <Item Text="MasterCard" Value="2" ImageUrl="Images/card-types/mastercard.png" />
     <Item Text="Visa" Value="3" ImageUrl="Images/card-types/visa.png" />
     <Item Text="Visa Electron" Value="4" ImageUrl="Images/card-types/visa-electron.png" />
</Items>

还有其他方法可以使用ImageUrl 属性添加图像（参见Telerik Demo）

或者，如果您想进一步控制，您可能想要使用ItemTemplate（请参阅此Telerik Demo）这还允许您在下拉列表中放置更多详细信息，这在您想要显示更多信息时特别有用信息。

<ItemTemplate>
    <asp:Label ID="lblOptionTitle" runat="server" Text='<%# Eval('ItemTitle') %>' Font-Bold="true" />
    <asp:Label ID="lblOptionText" runat="server" Text='<%# Eval('ItemText') %>' />
    <img id="imgOption" alt="Alternative Text" src='<%# Eval('ImageUrl') %>' />
</ItemTemplate>

【讨论】：