jQuery的剑道UI?下载30天免费试用

图标

DropDownButton提供了通过添加图标来增强文本内容的视觉效果的选项。

控件可以添加图标img元素或与背景图像(通常是精灵)。就网页标准而言,使用背景图像更好,因为图标代表的是装饰,而不是结构内容。

DropDownButton提供图标spriteCssClass,imageUrl用于配置图标的属性。对于一个特定的DropDownButton实例,您只能使用其中的一个—如果您定义了多个属性,那么DropDownButton将按照前面所述的顺序仅使用其中的一个属性。

有关呈现图标下拉按钮的完整示例,请参阅下拉按钮的图标演示

要在视觉上增强下拉按钮,可以使用以下任何一种方法:

背景图标

背景图标通过图标spriteCssClass属性并显示为对象的背景跨度元素。下拉按钮可以:

  • 自动渲染跨度元素。
  • 使用现有的跨度元素—仅当元素具有k-spriteCSS类或k-iconCSS类(如果您使用图标属性)。两者之间的区别图标而且spriteCssClass属性是图标是为了使用内置的剑道UI图标,这是主题精灵的一部分。有关可用图标名称的列表,请参阅演示如何使用图标

下面的例子演示了如何使用DropDownButton小部件中的图标: