Splitter JSP标签概述

的服务器端包装器剑道UI分配器小部件。

分裂者是用于JSP的Telerik UI，一个具有 90+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，请注册一个30天的免费试用。

下载免费试用

开始

配置

下面列出了配置Kendo UI Splitter时需要遵循的步骤。

步骤1确保你遵循了所有的步骤关于JSP的Telerik UI的介绍性文章．

步骤2创建一个新的操作方法来呈现视图。

@RequestMapping(value = {"index"}， method = RequestMethod.GET) public String index(){返回"web/splitter/index";｝

步骤3添加剑道UItaglib映射到页面。

<%@taglib prefix="kendo" uri="//www.aliitrade.com/kendo-ui/jsp/tags"%> .

步骤4添加一个分束器标签。

 <剑道:splitter-pane name="splitter" orientation="horizontal"> <剑道:splitter-pane id="left_pane" size="100px" collapsible="true"> 
左窗格
  <剑道:splitter-pane id="ajax_pane"可折叠性="false" contentUrl="${ajaxContent1}"> <剑道:splitter-pane id="right_pane" size="20%"可折叠性="true"> 
右窗格
  < /剑道:分配器>

事件处理

订阅活动

你可以订阅所有的Kendo UI Splitter暴露的事件通过处理程序名称。

<剑道:分配器的名字=“分流”取向=“横向”=“splitter_expand”崩溃=扩张“splitter_collapse”> <剑道:splitter-panes > <剑道:splitter-pane id =“left_pane”大小=“100 px”可折叠= " true " >左窗格< p > < / p > < /剑道:splitter-pane > <剑道:splitter-pane id =“right_pane”=“20%”可折叠的大小= " true " > < p >右窗格< / p > < /剑道:splitter-pane > < /剑道:splitter-panes > < /剑道:分配器> < >脚本函数splitter_expand(){} / /处理扩大事件函数splitter_collapse () {//处理崩溃事件} . /

参考

现有的实例

您可以通过以下方式引用现有的Splitter实例jQuery.data ()．一旦建立了引用，就可以使用分束器的API控制它的行为。

//把它放在你的Kendo Splitter标签声明后