0

このリンクからコンボボックスを支払い方法のコンボボックスのように見せる方法を理解できませんでしたhttps://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx#qsf-demo-source

彼らが提供するソースは互いに何の違いもないようですが、4番目のコンボボックスのデザインが必要です。入手方法がわからないだけです。

ここに画像の説明を入力

4

1 に答える 1

0

[ソースの表示] を押して [PaymentMethods.xml] に移動すると、割り当てに使用されるメソッドが表示されます (このTelerik Demoから直接取得した Xml ) 。

<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>
于 2013-11-19T10:41:13.413 に答える