问答首页 → Web前端技术
0 0

：）关于Ext Tree 加载数据问题！5

1.后台数据
{
extTree : {
Remark : " ",
CreateTime : "2008-06-10 13:15:24",
Tclass : 1,
id : "402880e71a7306e3011a730bb4080005",
Vendor : "000",
Uuid : "402880e71a7306e3011a730bb4080005",
text : "任务类型",
Description : " ",
ParentUuid : "0",
Code : "0",
AccessLevel : 1,
Tname : "任务类型",
children : [{
Remark : " ",
CreateTime : "2008-06-10 23:12:29",
leaf : "true",
Tclass : 1,
id : "402880e71a7306e3011a73090a450003",
Vendor : "000",
Uuid : "402880e71a7306e3011a73090a450003",
text : "终端参数采集",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Code : "3",
AccessLevel : 1,
Tname : "终端参数采集"
}, {
Remark : " ",
CreateTime : "2008-06-10 23:11:18",
leaf : "true",
Tclass : 1,
id : "402880e71a7306e3011a7307f5890001",
Vendor : "000",
Uuid : "402880e71a7306e3011a7307f5890001",
text : "参数组实例同步",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Code : "1",
AccessLevel : 1,
Tname : "参数组实例同步"
}, {
Remark : " ",
CreateTime : "2008-06-10 23:12:58",
leaf : "true",
Tclass : 1,
id : "402880e71a7306e3011a73097a930004",
Vendor : "000",
Uuid : "402880e71a7306e3011a73097a930004",
text : "终端参数配置",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Code : "4",
AccessLevel : 1,
Tname : "终端参数配置"
}, {
Remark : " ",
CreateTime : "2008-06-10 23:12:07",
leaf : "true",
Tclass : 1,
id : "402880e71a7306e3011a7308b2320002",
Vendor : "000",
Uuid : "402880e71a7306e3011a7308b2320002",
text : "终端状态监控",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Code : "2",
AccessLevel : 1,
Tname : "终端状态监控"
}]
},
tree_idPattern : "uuid",
"frf.entityName" : "ClassInfo",
"frf.pageNO" : "1",
pageObject : {
TotalPageCount : 1,
Result : [{
Uuid : "402880e71a7306e3011a7307f5890001",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Remark : " ",
CreateTime : "2008-06-10 23:11:18",
Code : "1",
AccessLevel : 1,
Tname : "参数组实例同步",
Tclass : 1,
Vendor : "000"
}, {
Uuid : "402880e71a7306e3011a7308b2320002",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Remark : " ",
CreateTime : "2008-06-10 23:12:07",
Code : "2",
AccessLevel : 1,
Tname : "终端状态监控",
Tclass : 1,
Vendor : "000"
}, {
Uuid : "402880e71a7306e3011a73090a450003",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Remark : " ",
CreateTime : "2008-06-10 23:12:29",
Code : "3",
AccessLevel : 1,
Tname : "终端参数采集",
Tclass : 1,
Vendor : "000"
}, {
Uuid : "402880e71a7306e3011a73097a930004",
Description : " ",
ParentUuid : "402880e71a7306e3011a730bb4080005",
Remark : " ",
CreateTime : "2008-06-10 23:12:58",
Code : "4",
AccessLevel : 1,
Tname : "终端参数配置",
Tclass : 1,
Vendor : "000"
}, {
Uuid : "402880e71a7306e3011a730bb4080005",
Description : " ",
ParentUuid : "0",
Remark : " ",
CreateTime : "2008-06-10 13:15:24",
Code : "0",
AccessLevel : 1,
Tname : "任务类型",
Tclass : 1,
Vendor : "000"
}, {
Uuid : "402880e71a730f25011a7310ee2b0001",
Description : " ",
ParentUuid : "0",
Remark : " ",
CreateTime : "2008-06-10 13:21:06",
Code : "0",
AccessLevel : 1,
Tname : "地域分类",
Tclass : 2,
Vendor : "000"
}, {
Uuid : "402880e71a730f25011a7312e3440002",
Description : " ",
ParentUuid : "0",
Remark : " ",
CreateTime : "2008-06-10 13:23:15",
Code : "0",
AccessLevel : 1,
Tname : "终端型号",
Tclass : 3,
Vendor : "000"
}, {
Uuid : "402880e71a730f25011a73151cb90003",
Description : " ",
ParentUuid : "0",
Remark : " ",
CreateTime : "2008-06-10 13:25:40",
Code : "0",
AccessLevel : 1,
Tname : "终端型号",
Tclass : 4,
Vendor : "000"
}, {
Uuid : "402880e71a730f25011a7317a5680004",
Description : " ",
ParentUuid : "0",
Remark : " ",
CreateTime : "2008-06-10 13:28:26",
Code : "0",
AccessLevel : 1,
Tname : "TAG分类",
Tclass : 5,
Vendor : "000"
}],
CurrentPageNo : 1,
PageSize : 100,
TotalCount : 9
},
"frf.pageSize" : "100",
tree_Result : "forExtTree",
resultCode : "success",
userInstance : {
Vendors : {
},
Roles : {
},
Password : "111111",
Tname : "administrator"
},
"frf.fatchPropertyNames" : "*",
"frf.whereCondition" : " (1=1) ",
tree_parentPattern : "parentUuid",
tree_textPattern : "tname"
}
1?请问前台页面如何读取后台extTree 开始的数据？就是extTree :以后到tree_idPattern : "uuid"以前是树的树据！ext tree 有没有定位到数据？
问题补充：
但我想一次加载完，其实就是如何定位取返回数据中extTree后的json树数据。
谢谢！
JavaScriptEXT 
2008年6月16日 14:40

1个答案 按时间排序 按投票排序

0 0

可以异步加载数据的,第一次只加载一个级别的节点，然后点击节点的时候再加载这个节点的子节点。

2008年6月16日 23:06

相关推荐

    EXT tree 使用 实例 最新

    在文档`extjs的tree的使用.doc`中，你将找到关于如何设置这些配置、创建树实例、加载数据、响应用户交互的具体示例代码和解释。通过学习和实践这些实例，你可以更好地掌握EXT Tree的用法，并根据项目需求灵活应用。

    EXT Tree的简单实践

    6. **代码实践**：`extTree.js` 文件很可能是实现 EXT Tree 的具体代码。在这个实践中，开发者可能定义了一个 TreePanel，并设置了相应的配置项，加载了数据，注册了事件处理器。通过阅读和分析这个文件，可以深入...

    Ext tree json 动态加载完美实例

    在本文中，我们将深入探讨如何使用Ext JS的Tree Panel与JSON数据进行动态加载，并实现多选和单选功能。Ext JS是一种强大的JavaScript库，用于构建富客户端应用，而Tree Panel则是展示层次结构数据的一种组件。在后台...

    简单的EXT加载数据的例子

    本示例将详细介绍如何在EXT中加载数据，特别是通过EXT的Treepanel来呈现一个生成的树形结构。 首先，我们要理解EXT Treepanel。Treepanel是EXT中用于展示层次结构数据的组件，它可以用于创建多级目录、组织结构图等...

    Ext.tree.TreeLoader附带封装的json类

    4. **load**: 加载数据的方法，可以在此方法中处理数据解析和节点创建。 5. **params**: 发送请求时附带的额外参数。 JSON数据结构对于`TreeLoader`来说非常重要。一个适合树形视图的JSON数据应该包含以下元素： -...

    ext TREE

    EXT JS Tree组件提供了丰富的功能，包括拖放操作、节点的展开与折叠、异步加载数据以及自定义图标和样式。它支持JSON和XML格式的数据源，并可以通过Ajax请求动态加载子节点，优化了大数据量时的性能。开发者还可以...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在这个例子中，`TreePanel`使用`TreeStore`从`tree_data.json`加载数据，并且隐藏了根节点。 标签“源码”和“工具”暗示了这篇博客可能还讨论了EXTJS的源代码以及如何使用EXTJS作为开发工具来实现动态加载功能。...

    Ext.ux.tree.treegrid异步加载

    ### Ext.ux.tree.TreeGrid 异步加载知识点详解 #### 一、Ext.ux.tree.TreeGrid简介 在ExtJS框架中，`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件，适用于展示具有层级关系的数据。通过...

    oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree

    将EXT Tree与SSH2结合，意味着开发者可能通过Java后端服务获取数据，并用EXT Tree在前端展示，同时实现动态加载、异步更新等功能。 在实际操作中，这个项目可能包含以下步骤： 1. 配置SSH2环境：设置Struts配置...

    自己写的一个动态从后台数据库加载Ext.tree的json数据工具类

    在Ext.tree中，可以通过监听`beforeload`事件来实现在请求数据前进行预处理，如设置URL、参数等，然后调用`loadData`方法来加载数据。 这个工具类可能包含以下关键部分： 1. **配置参数**：包括数据库连接信息、...

    Ext Tree示例

    通过查看和运行这些示例，我们可以了解到如何初始化 Ext Tree，如何配置加载数据的方式，如何处理用户交互，以及如何自定义节点的行为。对于开发人员来说，理解这些示例可以帮助他们更好地在实际项目中运用 Ext Tree...

    Extjs 加载数据库 生成tree

    通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_")，根据数据的长度就...

    EXT TREE 扩展CHECKBOX JS

    这段代码告诉EXT JS，当我们加载树形数据时，每个节点都应使用`Ext.tree.TreeCheckNodeUI`来渲染，这样每个节点都会有一个与之关联的复选框。 `TreeCheckNodeUI`类提供了以下关键特性： 1. **复选框渲染**：在每个...

    ext grid tree 应用

    在EXT JS框架中，"ext grid tree 应用"是一个常见的功能组合，它结合了Grid面板和Tree面板的优势，用于展示复杂的数据结构。Grid通常用于显示二维表格数据，而Tree则用于展示层次化的数据。在这个例子中，开发者通过...

    ext tree 分页

    在EXT JS框架中，"ext tree 分页"是一种优化技术，用于处理大量数据时避免页面卡顿的问题。在EXT JS的树形组件（TreePanel）中，如果一次性加载所有节点，特别是当树结构非常深或者节点数量巨大时，不仅会消耗大量...

    EXT tree学习 参考

    1. **动态加载**：EXT Tree支持按需加载子节点，减少初次加载时的数据量，提高用户体验。 2. **拖放功能**：用户可以方便地通过拖放操作来重新组织树形结构，这在文件管理系统中尤其有用。 3. **可配置的节点样式**...

    Ext 带多选的Tree

    6. **数据加载与渲染**：EXT JS的Tree组件通常与后端服务进行交互，通过`store`加载树数据。在`TreeCheckNode.js`中，我们可能会看到如何定义`store`以及如何将JSON数据转化为Tree节点的数据模型。 综上所述，"Ext ...

    extTree例子点击出现等

    ExtTree是Ext JS库中的一个组件，用于创建和展示树形结构的数据。它在Web应用程序中广泛使用，特别是在需要组织和导航层次结构信息时。在本案例中，“extTree例子点击出现界面”指的是用户在浏览ExtTree时，通过点击...

    ext 异步加载树完整版

    EXT JS的Tree Panel允许开发者配置异步加载数据源，通常通过Ajax请求从服务器获取JSON数据。这样做可以显著减少初始页面加载时间，因为只有用户可以看到的部分会被加载。这种机制也称为延迟加载（Lazy Loading）或按...

    Ext.Tree.Panel

    总结，`Ext.Tree.Panel`是EXT JS中构建交互式树形结构的关键组件，通过配置和事件处理可以实现各种复杂的功能，如动态加载数据、拖放操作、自定义样式等。在实际应用中，开发者可以根据需求进行灵活定制，以满足不同...

Magicbox
Ask-but
我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

Global site tag (gtag.js) - Google Analytics