`
nikofan
  • 浏览: 227693 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

jQuery MiniUI 开发教程 树形控件 创建树:列表结构(二)

阅读更多
创建树:列表结构


参考示例: 列表数据生成Tree

创建Tree
<ul id="tree1" class="mini-tree" url="../data/listTree.txt" style="width:200px;padding:5px;"
    showTreeIcon="true" textField="text" idField="id" parentField="pid" resultAsTree="false" 
    >
</ul>
注意:idField、parentField、resultAsTree属性。

数据结构:列表
通过url返回的数据结构如下:
[
    {id: "base", text: "Base", expanded: false},   
    {id: "ajax", text: "Ajax", pid: "base"},
    {id: "json", text: "JSON", pid: "base"},
    ......
]
其中,id和pid对应父子关系。
0
6
分享到:
评论

相关推荐

    jquery超漂亮树形控件

    在实际开发中,使用这个jQuery树形控件可能涉及以下步骤: 1. 引入jQuery库、`widgetTreeList.js`以及相应的CSS文件。 2. 在HTML中创建一个容器元素,作为树形控件的占位符。 3. 初始化树形控件,传递必要的数据源和...

    支持jquery和zepto的树形控件

    在IT领域,尤其是在Web开发中,树形控件是一种常见的用户界面元素,它用于展示具有层级关系的数据。本文将深入探讨“支持jQuery和Zepto的树形控件”,基于Dtree这一实现方式。 首先,jQuery和Zepto是两种广泛使用的...

    基于C# + jQuery的树形控件

    在C# + jQuery的环境中,TreeView可以通过AJAX请求从服务器获取数据,然后在客户端构建并展示树结构。 4. **右键菜单**: 右键菜单提供了一种方便用户的方式来进行上下文相关的操作。在树形控件中,这可能包括添加、...

    JQUERY MINIUI 学习资料

    1. **组件丰富**:MiniUI 包含了大量的前端组件,如表格(Table)、表单(Form)、树形结构(Tree)、下拉选择(ComboBox)、日期选择器(DateBox)等,几乎涵盖了常见的 Web UI 元素。 2. **易于使用**:通过简单...

    常用树形控件

    树形控件是计算机图形用户界面(GUI)中常见的一种数据可视化组件,它以树状结构展示信息,常用于文件管理、菜单系统、组织结构展示等场景。在本主题中,我们将深入探讨树形控件的基本概念、工作原理、常见用途以及...

    jQuery MiniUI-jar 包

    1. **组件丰富**:MiniUI包含了大量的UI组件,如表格(Grid)、树(Tree)、下拉选择框(ComboBox)、日期选择器(DatePicker)等,这些组件都进行了充分的封装,使得开发过程更为简洁。 2. **响应式设计**:框架...

    jQuery MiniUI 2.1.5 官方版本,作个保留

    使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。 产品定位: 快速开发WEB界面 ...

    树形控件js

    树形控件在网页开发中是一种常见的用户界面元素,它以层级结构展示数据,常用于文件系统、组织架构、导航菜单等场景。"树形控件js"指的是使用JavaScript实现的这种控件,通过HTML文档来展示和交互。在本篇文章中,...

    js树形控件js树形控件

    - **库与框架**:如jQuery UI、AngularJS、React等提供了树形控件的组件,简化开发过程。 - **自定义组件**:根据需求,开发者可自行编写逻辑,实现特定功能的树形控件。 3. **常用API** - **添加节点**:向树中...

    jsp树形控件

    不过,JSTL本身并不包含专门用于创建树形控件的标签,所以通常需要结合其他库,如Ajax或JavaScript库(如jQuery UI, Bootstrap Treeview等)来实现交互功能。 #### 3.3 使用第三方库 许多开源库,如Apache Struts,...

    javascript树形控件

    JavaScript树形控件是一种在网页上实现层次结构展示的用户界面元素,通常用于展示目录结构、组织架构或者数据分类等。由于HTML标准中并未内置这样的组件,开发者需要借助JavaScript库或者自定义代码来创建这样的功能...

    jquery 树形控件

    在网页开发中,树形控件是一种常见且实用的UI元素,用于展示层级关系的数据,如目录结构、组织架构等。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的插件来实现这样的功能。本文将深入探讨jQuery树形控件的...

    web网页中嵌入树形控件

    本教程将详细讲解如何使用ASP(Active Server Pages)、JavaScript和CSS来实现一个网页中的树形控件。 首先,ASP是微软开发的一种服务器端脚本语言,用于动态生成HTML页面。在创建树形控件时,ASP主要负责后端数据...

    jquery miniui 教程 表格控件 合并单元格应用

    jQuery miniUI 是一款基于jQuery开发的轻量级Web UI组件库,它提供了丰富的控件,使得开发人员可以快速地构建出具有专业外观的Web应用程序。本文主要讲述的是在jQuery miniUI中如何应用表格控件来合并单元格。 合并...

    下拉树形控件

    在网页开发中,下拉树形控件是一种常见的交互元素,尤其在数据层级关系复杂时,它能够有效地展示和管理这些层次结构。本教程将深入探讨如何使用jQuery库来实现这种功能。 首先,jQuery是一个轻量级的JavaScript库,...

    Easyui 树形控件展示

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件,包括表格、对话框、菜单、按钮、树形控件等,帮助开发者快速构建用户界面。在本主题中,我们将深入探讨“EasyUI 树形控件展示”及其在实际应用中的...

    jQuery树形结构菜单代码.zip

    在这个"jQuery树形结构菜单代码.zip"压缩包中,包含了一个使用jQuery实现的树形结构菜单的实例。这个实例对于构建层级分明的导航系统非常有用,比如网站的侧边栏菜单或者文件管理系统。 首先,`index.html`是这个...

    jQuery miniui_php

    jQuery miniUI 提供了丰富的控件,如输入框、下拉框、日期选择器等,可以方便地与这些控件进行事件绑定。例如,你可以监听文本框的 `change` 事件,当用户输入变化时执行某些操作: ```javascript $("#myInput")....

    jquery整合dtree 动态加载树形结构,提高效率

    动态加载树形结构, 本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构...

    js很好用的常用树形控件

    在网页交互中,树形控件是一种常见的数据展示方式,它以层级结构展示信息,常用于文件系统、菜单导航或组织结构等场景。本资料包集合了几个常用的JavaScript树形控件,有助于提升网页的用户体验。 1. **jQuery ...

Global site tag (gtag.js) - Google Analytics