Telerik комбо дизайн фона

Question

Я не мог понять, как получить комбинированное окно выглядит как способ оплаты со списком по этой ссылке https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx#qsf-demo-source

Источник они обеспечивают не кажется, отличаться друг от друга, но Мне нужен этот заполненный дизайн combobox с 4-го. Просто не знаю, как это получить.

Answer 1

Если нажать View Source, затем Goto '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>