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