Telerik组合背景设计

Question

我无法想象如何从这个链接https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx#qsf-demo-source

获取组合框看起来像付款方式组合框

他们提供的来源似乎没有任何不同，但我需要从第4个开始填充组合框设计。只是不知道如何得到它。

Answer 1

如果按查看源，则转到＆＃39; PaymentMethods.xml＆＃39;你会看到用于分配的方法（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>