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

图标按钮

Button提供了一些选项,通过向其添加图标来增强其文本内容的视觉效果。

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

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

有关呈现图标按钮的完整示例,请参阅演示如何向按钮添加图像

增强按钮的视觉效果:

背景图标

背景图标应用于图标spriteCssClass属性的背景显示跨度元素。按钮可以自动渲染跨度元素,或使用现有的跨度元素,如果它有k-spriteCSS类或k-icon类,如果图标属性被使用。两者之间的区别图标spriteCssClass属性是图标是用于内置的剑道UI图标,这是主题精灵的一部分。有关可用图标名称的列表,请参阅使用图标的演示

下面的示例演示如何在Button小部件中使用图标。