图标

SplitButton提供了通过添加图标在视觉上增强文本内容的选项。可以通过以下两种方式进行配置:

• 图标()-此方法显示适当的jQuery字体图标的剑道UI。

  @ (Html.Kendo () .SplitButton () . name(“splitButton”)。text(“+”).Icon (" + "))

• SpriteCssClass ()-此方法将图标显示为span元素的背景。

  @(Html.Kendo().SplitButton() .Name("splitButton") .Text("Plus") .SpriteCssClass("myPlusIcon"))

• ImageUrl ()-此方法应用图像图标。

  @(Html.Kendo().SplitButton() .Name("splitButton") .Text("Plus") .ImageUrl("url/to/myPlusIcon.png"))

字体图标

控件上设置所需的第三方CSS类，可以集成fontawe或其他字体图标.SpriteCssClass ()配置方法。然而，这种方法将呈现一个k-spriteCSS类，它应用可能会干扰字体图标样式的字体和大小样式。

  @(Html.Kendo(). splitButton (). name ("splitButton") . text ("Archive") . spritecssclass ("fa fa- Archive") . items (items => {items. add ().)文本(第1项);items.Add()。文本(“项目2”);}))

另请参阅

• SplitButton中的图标(演示)
• 服务器端API