telerik - Telerik 组合背景设计

Question

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

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

Answer 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 演示）这也允许您在下拉列表中放置更多详细信息，这在您想要显示更多信息时特别有用。

<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>