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

图标

SplitButton提供了通过添加图标来增强文本内容的选项。

控件添加一个图标img元素或背景图像(通常是一个精灵)。考虑到web标准,使用背景图像更好,因为图标代表的是装饰,而不是结构性内容。

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

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

要增强SplitButton的视觉效果,可以使用以下方法:

背景图标

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

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