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

jQuery MiniUI 开发教程 树形控件 创建树:本地JSON(三)

阅读更多
创建树:本地JSON

参考示例:创建树:本地JSON

创建Tree
没有设置url。
<ul id="tree3" class="mini-tree" style="width:300px;padding:5px;"
    showTreeIcon="true" textField="text" idField="id" >       
</ul>

Javascript设置数据
var tree3 = mini.get("tree3");
tree3.loadData([
    { id: "lists", text: "Lists", expanded: false,
        children: [
            { id: "datagrid", text: "DataGrid" },
            { id: "tree", text: "Tree" },
            { id: "treegrid", text: "TreeGrid " }
        ]
            },
    { id: "layouts", text: "Layouts", expanded: false,
        children: [
            { id: "panel", text: "Panel" },
            { id: "splitter", text: "Splitter" },
            { id: "layout", text: "Layout " }
        ]
    },
    { id: "navigations", text: "Navigations", expanded: false,
        children: [
            { id: "pager", text: "Pager" },
            { id: "tabs", text: "Tabs" },
            { id: "navbar", text: "NavBar" },
            { id: "menu", text: "Menu" }
        ]
    }
]);
分享到:
评论

相关推荐

    jquery超漂亮树形控件

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

    支持jquery和zepto的树形控件

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

    基于C# + jQuery的树形控件

    总结来说,"基于C# + jQuery的树形控件"项目涉及了后端编程、前端交互、数据库操作和UI设计等多个方面,对于提升Web开发技能和理解前后端协作流程有着重要的实践意义。通过理解和实现这个项目,开发者可以深入了解...

    ajax获取嵌套JSON,树形控件显示

    这个“ajax获取嵌套JSON,树形控件显示”的示例主要涉及如何通过Ajax获取嵌套的JSON数据,并将其适配到ZTree的格式,以便在页面上以树形结构展示。 首先,我们需要理解JSON(JavaScript Object Notation)是一种轻...

    JQUERY MINIUI 学习资料

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

    常用树形控件

    1. Windows API:Windows应用程序开发中,可以使用`CTreeCtrl`类(MFC)或`HTREEITEM`(WinAPI)来创建和管理树形控件。 2. .NET Framework:在C#或VB.NET中,可以使用`TreeView`控件,通过添加`TreeNode`对象构建树...

    jQuery MiniUI-jar 包

    jQuery MiniUI 是一个基于jQuery的轻量级Web UI框架,主要设计用于快速开发企业级的Web应用。这个框架提供了一套完整的组件,包括表格、树形结构、对话框、按钮、表单等,使得开发者可以方便地构建用户界面,而无需...

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

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

    javascript树形控件

    总结,JavaScript树形控件是网页开发中的重要工具,通过掌握其原理、实现方法和优化策略,开发者可以创建出符合需求、高性能的树形界面,提升用户体验。同时,不断学习和实践新的库和框架,可以更高效地开发这类组件...

    js树形控件js树形控件

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

    Easyui 树形控件展示

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

    web网页中嵌入树形控件

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

    树形控件js

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

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

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

    jQuery miniui_php

    你可以使用 `miniui.Form.load` 方法将 JSON 数据填充到表单控件中: ```javascript var formData = { name: "张三", category: "1" }; miniui.Form.load($("#myForm"), formData); ``` ### 5. 清除表单 清除表单...

    下拉树形控件

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

    jsp树形控件

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

    jquery 树形控件

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

    树形控件和jquery上传附件

    在IT领域,树形控件和jQuery上传附件是两种常用的功能。树形控件主要用于展示层级关系的数据,而jQuery上传附件则提供了用户友好的文件上传功能。以下将详细阐述这两个知识点。 1. 树形控件(Tree Control) 树形...

    js很好用的常用树形控件

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

Global site tag (gtag.js) - Google Analytics