图标
DropDownButton提供了通过添加图标来增强文本内容的视觉效果的选项。
控件可以添加图标img
元素或与背景图像(通常是精灵)。就网页标准而言,使用背景图像更好,因为图标代表的是装饰,而不是结构内容。
DropDownButton提供图标
,spriteCssClass
,imageUrl
用于配置图标的属性。对于一个特定的DropDownButton实例,您只能使用其中的一个—如果您定义了多个属性,那么DropDownButton将按照前面所述的顺序仅使用其中的一个属性。
有关呈现图标下拉按钮的完整示例,请参阅下拉按钮的图标演示.
要在视觉上增强下拉按钮,可以使用以下任何一种方法:
背景图标
背景图标通过图标
或spriteCssClass
属性并显示为对象的背景跨度
元素。下拉按钮可以:
- 自动渲染
跨度
元素。 - 使用现有的
跨度
元素—仅当元素具有k-sprite
CSS类或k-icon
CSS类(如果您使用图标
属性)。两者之间的区别图标
而且spriteCssClass
属性是图标
是为了使用内置的剑道UI图标,这是主题精灵的一部分。有关可用图标名称的列表,请参阅演示如何使用图标.
下面的例子演示了如何使用DropDownButton小部件中的图标: