工具栏概述
工具栏是的一部分面向ASP的Telerik UI。网络核心一个专业级的UI库，包含 110+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。
Telerik UI工具栏TagHelper和HtmlHelper网络核心are server-side wrappers for the Kendo UI ToolBar widget.
工具栏旨在容纳不同类型的控件，如按钮、按钮组、切换按钮、拆分按钮和其他自定义元素。工具栏由工具栏包装器、溢出锚和命令溢出弹出主区域组成。包装器保存可以放置在可用容器宽度内的所有命令。那些没有空间容纳的被移动到命令溢出弹出。
初始化工具栏
下面的示例演示如何定义工具栏。
@(Html.Kendo().ToolBar() .Name("ToolBar") .Items(items => {items. add ().Type(CommandType.Button).Text("Button");items.Add () .Type (CommandType.Button)。文本(“切换”按钮).Togglable(真正的);items.Add () .Type (CommandType.SplitButton)。text(“插入”)。MenuButtons(MenuButtons => {MenuButtons . add()。文本(上面的“插入”).Icon(“insert-up”);menuButtons.Add()。文本(“插入”)之间.Icon(“insert-middle”);menuButtons.Add()。下面的文本(“插入”).Icon(“insert-down”);});})) < ToolBar -items> public class ToolBarController: Controller {public ActionResult Index() {return View();}}基本配置
下面的示例演示了工具栏的基本配置。
@(Html.Kendo().ToolBar() . name ("ToolBar") . items (items => {items. add (). type (CommandType.Button))。文本(“按钮1”).Id .Click(“button1”)(“buttonClickHandler”);items.Add () .Type (CommandType.Button)。文本(“按钮2”).Id .Click(“button2”)(“buttonClickHandler”);items.Add () .Type (CommandType.Separator);items.Add () .Type (CommandType.Button) .Togglable(真正的)。文本(“1”切换).Id .Toggle(“toggle1”)(“buttonToggleHandler”);items.Add () .Type (CommandType.Button) .Togglable(真正的)。文本(“切换2”).Id .Toggle(“toggle2”)(“buttonToggleHandler”);items.Add () .Type (CommandType.Separator);items.Add()。Template("").Overflow(ShowInOverflowPopup.Never); items.Add().Type(CommandType.SplitButton).Text("Split Button").Id("mainButton").Click("splitButtonClickHandler").MenuButtons(menuButtons => { menuButtons.Add().Text("Action 1").Id("action1"); menuButtons.Add().Text("Action 2").Id("action2"); menuButtons.Add().Text("Action 3").Id("action3"); }); items.Add().Type(CommandType.Separator); items.Add().Type(CommandType.ButtonGroup).Buttons(buttons => { buttons.Add().Text("Radio 1").Id("radio1").Togglable(true).Group("radio").Toggle("buttonToggleHandler"); buttons.Add().Text("Radio 2").Id("radio2").Togglable(true).Group("radio").Toggle("buttonToggleHandler"); buttons.Add().Text("Radio 3").Id("radio3").Togglable(true).Group("radio").Toggle("buttonToggleHandler"); }); items.Add().Type(CommandType.Button).Text("Overflow button").Id("overflowButton").Overflow(ShowInOverflowPopup.Always); }) .Events(e => e.Click("onClick").Toggle("onToggle").Open("onOpen").Close("onClose").OverflowOpen("onOverflowOpen").OverflowClose("onOverflowClose")) ) < ToolBar -items> - SplitButton" text="Insert">
功能和特性
工具栏组件提供了.NavigateOnTab()属性，可以用来控制键盘导航．
对于更高级的配置选项，您可以检查:
事件
有关基本工具栏事件的完整示例，请参见演示如何使用工具栏的事件．