`
lorry1113
  • 浏览: 264436 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex动态tree

    博客分类:
  • flex
阅读更多
刚开始学习flex做一个动态tree的例子有如下步骤:

1.从数据库得到数据

2.用递归算法,使父子节点一一对应起来

3.通过map包装arraylist,
public ActionForward findAll(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) throws PioaGisException {

List userList = navBO.getNaVAll("0");
JSONArray jsonArr = new JSONArray();
for (int i=0;i<userList.size();i++) {
NodeBean nodeBean0 = (NodeBean)userList.get(i);
Map map= new HashMap();
if(nodeBean0.getChilds()!=null && nodeBean0.getChilds().size()>0){
ArrayList list1 = new ArrayList();
for(int j=0;j<nodeBean0.getChilds().size();j++){
Map map1= new HashMap();
NodeBean nodeBean1 = (NodeBean)nodeBean0.getChilds().get(j);
if(nodeBean1.getChilds()!=null && nodeBean1.getChilds().size()>0){
ArrayList list2 = new ArrayList();
for(int k=0;k<nodeBean1.getChilds().size();k++){
Map map2= new HashMap();
NodeBean nodeBean2 = (NodeBean)nodeBean1.getChilds().get(k);
//map2.put("id", nodeBean2.getId());
map2.put("label", nodeBean2.getNodeName());
list2.add(map2);
}
//map1.put("id",nodeBean1.getId());
map1.put("label", nodeBean1.getNodeName());
map1.put("children", list2);
list1.add(map1);
}else{
//map1.put("id", nodeBean1.getId());
map1.put("label", nodeBean1.getNodeName());
list1.add(map1);
}

}
//map.put("id", nodeBean0.getId());
map.put("label", nodeBean0.getNodeName());
map.put("children", list1);
}
jsonArr.put(map);
}
try {
String json = jsonArr.toString();
response.getWriter().write(json);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}

由于多加了jsonObj.put("nav", jsonArr),在flex使用调用中总是显示OBJECT
花了我俩小时找问题

4.flex proxy获取数据,我的是HTTPService方式,如何使用网络上很多的,就不多说哦
  var json:JSONDecoder=new JSONDecoder(event.result));
  var array:Array=json.getValue() as Array;
  var arrayCollection:ArrayCollection = new ArrayCollection(array);
  data = arrayCollection;
  sendNotification(TestFacade.GET_ALL_NAVIGATION_COMPLETE, data );

5.mxml显示
  <mx:Canvas id="canvas1" label="Canvas 1" width="100%" height="622"  
      backgroundColor="#C1D60E">
<mx:Tree id="myTree" width="50%" labelFunction="myTreeLabel" 
                height="100%" dataProvider="{navData}"/>
  </mx:Canvas>

    public function myTreeLabel(item:Object):String{
return item.label;
    }
分享到:
评论

相关推荐

    flex带复选框的tree,flex checkboxtree

    在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...

    flex_tree扩展_时间轴

    4. **数据绑定**:利用Flex的数据绑定机制将数据模型与界面元素关联,实现动态更新。 5. **事件处理**:学习如何监听和处理用户交互,如点击、滚动等事件。 6. **资源管理**:理解如何有效地管理应用中的图像、...

    flex Tree 复选框。

    在Flex编程环境中,Tree组件是一种常用的用户界面元素,它用于展示层次结构的数据。在这个特定的场景中,我们关注的是在Flex Tree中集成复选框功能,这为用户提供了一种直观的方式来选择或操作树形结构中的多个节点...

    flex tree 教程二

    Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...

    flex中 Tree树节点内部拖动实例(此实例限制了什么节点可以拖动及拖动到什么位置)

    这个实例涉及的是在Flex中的Tree组件实现节点的内部拖放功能,这对于创建交互式用户界面,尤其是数据层级结构的展示非常有用。在本文中,我们将详细探讨如何在Flex的Tree组件中实现节点的拖放操作,并且限制可拖动的...

    flex tree+checkbox级联勾选

    Flex Tree是基于Adobe Flex技术的一种组件,它能够展示层次结构的数据,并且支持节点的展开、折叠以及动态加载。每个节点都可以包含子节点,形成一个层级结构。在Flex中,我们可以使用mx.controls.Tree类来创建和...

    flex中tree和checkbox结合使用的插件

    在Flex开发中,Tree组件和Checkbox控件的结合使用是一个常见的需求,特别是在构建具有层级结构并需要用户进行多选操作的界面时。本插件专为此目的设计,它允许用户在树形结构中通过复选框来选择或取消选择节点,从而...

    Flex Tree 中Checkbox

    Flex Tree 是一种在Adobe Flex框架中用于展示层次结构数据的组件。它允许用户通过节点来探索和操作数据,而Checkbox的引入则为用户提供了一种多选功能,使得用户可以选择多个树节点。在“Flex Tree 中Checkbox”的...

    Flex Tree 的右键菜单事件

    在Flex编程中,Tree组件是一种常用的用户界面元素,用于展示层次结构的数据。它允许用户通过展开和折叠节点来浏览和操作数据。右键菜单则为用户提供了一种方便的交互方式,用户可以通过点击鼠标右键触发自定义的上...

    flex中tree的数据源是xml

    3. **数据渲染**:Flex Tree组件解析XML文件,并根据其中的数据动态构建可视化的树形结构。 #### ASP.NET处理流程详解 在上述描述中提到了如何利用ASP.NET进行数据处理并生成XML文件的具体实现方式。下面将详细...

    Flex Tree快速定位树结点

    Flex Tree 是Adobe Flex框架中的一个组件,用于展示层次结构数据,通常以树形结构呈现。在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入...

    flex tree控件

    在Flex编程中,Tree控件是一种常用的用户界面元素,它用于显示层次结构的数据。这个“flex tree控件”主题主要关注如何自定义Tree控件的外观,特别是如何去掉默认的图标并添加线连接来增强视觉效果。下面我们将深入...

    flex tree 修改icon方法

    综上所述,修改Flex Tree的icon涉及到创建自定义渲染器、数据绑定、根据数据源动态设置图标等步骤。理解这些概念和技巧对于构建具有个性化视觉效果的Flex应用程序至关重要。在实践中,需要注意代码的可维护性和性能...

    flex4Tree组件分层显示数据示例

    在Flex4中,Tree组件是一种强大的用户界面元素,用于展示层次结构的数据。它允许用户以图形化的方式浏览和操作多级目录或具有嵌套结构的信息。在这个“flex4Tree组件分层显示数据示例”中,我们将深入探讨如何在Flex...

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    flex checkboxtree复选树形下拉框

    在Flex开发中,"flex checkboxtree复选树形下拉框"是一种常见的用户界面组件,它结合了树形结构和复选框的功能,允许用户在层次结构中进行多选操作。这种组件通常用于数据筛选、配置设置或者层级分类的选择场景。在...

    flex Tree checkbox 修改过后的

    Flex Tree控件是一种用于展示层次结构数据的UI组件,它允许用户通过节点展开和折叠来探索数据。在Flex中,为了增加更多的交互性,我们有时需要在Tree的每个节点前添加复选框(checkbox),这使得用户能够进行多选...

    flex grade tree 小案例

    在本小案例中,我们关注的是使用Flex技术构建一个分级树视图,即"flex grade tree"。这个项目并未涉及到数据库交互,而是专注于展示如何利用各种组件来创建一个功能性的树形结构。以下是对每个文件的详细解释: 1. ...

    FLEX动态树 动态图表

    总之,通过自定义图标和事件处理,Flex的`Tree`控件可以被转化为一个功能强大且高度交互的动态图表工具,适用于多种数据可视化场景。这不仅提升了用户体验,还为数据分析和信息呈现提供了灵活多变的解决方案。

Global site tag (gtag.js) - Google Analytics