TreeView概述

Kendo UI TreeView小部件以传统的树结构显示分层数据。

它支持通过鼠标或触摸事件进行用户交互,使用拖放功能执行重新排序操作。

jQuery Kendoka图像的剑道UI

TreeView是jQuery的剑道UI,一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,请注册一个30天的免费试用。

初始化TreeView

要创建TreeView,可以使用以下两种方法:

  • 使用静态HTML定义分层列表。这种方法适用于较小的层次结构和不经常更改的数据。
  • 使用动态数据绑定到本地或远程数据源.这种方法适用于较大的数据集和频繁变化的数据。

创建树视图$ (document)时()语句,因为它必须在DOM完全加载之后进行初始化。

下面的示例演示如何通过HTML中的层次列表初始化TreeView。

李< ul id = " treeView " > < >第1项< ul > <李> 1.1项李< / > < >李项1.2 < /李> < / ul > < /李> <李>第二项李< / > < / ul > <脚本> $(文档)时(函数(){$ (" # treeView ") .kendoTreeView ();});> < /脚本

功能和特性

引用现有实例

要引用现有的TreeView实例,请使用jQuery.data ()方法。建立引用之后,使用TreeView API控制它的行为。

下面的示例演示如何访问一个现有的TreeView实例。

var treeView = $("#treeView").data("kendoTreeView");

另请参阅

在本文中
Baidu
map