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

写 treeItemrenderer 还是有点儿难度的

阅读更多

有一个国外的哥们儿早己经在flex cookbook里提到了这个问题: http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=7764

 

写itemrenderer时要注意:

1 最好不要自己写treeItemRenderer,因为你还要想办法把图标加上。

2 自己想在itemRenderer里加东西,最好在createChildren()方法里干,这不是在mxml里写东西,别以为new了就OK了,要自己设高度,如果你干过类似的这种活儿,相信你一定清楚。

3 createChildren()调用之前还没set data

4 在updateDisplayList()注意整理你加上的东西的布局。

5 TreeItemRenderer默认加了个label上去,label是不能换行的,它自动会用....代替不能显示的东西。

6 label的高、宽、x、y都己经算的很好了,你可以在createChildren()的时候让label不可见(不能删了它,在ItemRenderer中多次使它,删了只会为自己带来麻烦。)你自己的东西只要照搬label的x、y等参数就好了。

7 整个Text上去? 太麻烦了,上边提到的那个外国哥们儿也被搞二了,我也是。 一定要注意它的高度,不然tree会被你搞糊涂,为什么?我也没搞确切,大概是因为:因为它认为所有的itenrenderer都一样高,也可能是因为itenrenderer复用。

分享到:
评论

相关推荐

    Flex Tree组件的实线连接线

    然而,有时候我们可能需要自定义这些连接线,比如将它们更改为实线,以满足特定的设计需求或视觉效果。下面我们将深入探讨如何在Flex中实现Tree组件的实线连接线。 首先,要理解Flex Tree组件的工作原理。Tree组件...

    flex tree 修改icon方法

    例如,如果root对象有一个名为`iconUrl`的字段,我们可以这样绑定: ```actionscript <![CDATA[ [Bindable] public var iconSource:String; ]]> ``` ```actionscript renderer.iconSource = RootObject(item...

    flex tree checkbox

    对于TreeChk项目,我们可能需要创建一个新的MXML或ActionScript类,继承自mx.controls.treeClasses.TreeItemRenderer,并在其中添加CheckBox组件。这样,每个Tree节点就会有一个与之关联的复选框,用户可以通过点击...

    flex Tree checkbox 修改过后的

    标题提到的“flex Tree checkbox 修改过后”,意味着原生的Flex Tree控件已经进行了自定义修改,以适应带有复选框功能的需求。 在Flex中实现Tree与Checkbox结合的关键点包括: 1. **创建自定义TreeItemRenderer**...

    flex树自定义节点图标

    - 自定义渲染器:创建一个自定义的TreeItemRenderer类,覆盖默认的渲染逻辑,添加图标展示代码。 - CSS样式:利用CSS类来控制不同类型的节点显示不同的图标,通过设置节点的CSS类来实现图标切换。 4. **源码分析*...

    flex Tree 复选框。

    TreeItemRenderer是用于渲染Tree组件中每个节点的类,我们可以在此类中添加一个CheckBox控件,并根据节点的状态来控制它的选中状态。以下是一个基本的自定义TreeItemRenderer的代码片段: ```actionscript public ...

    flex 中tree渲染checkbox

    通过继承mx.controls.treeClasses.TreeItemRenderer类并重写其createChildren()方法,我们可以添加一个CheckBox控件到渲染器中。 ```actionscript public class TreeChkItemRenderer extends TreeItemRenderer { ...

    Zk TreeMode

    `MyTreeitemRenderer`实现了`TreeitemRenderer`接口,只有一个`render`方法,负责根据数据对象创建和渲染`Treeitem`的标签。 接下来,我们详细分析这两个关键类: **MyTreeModel** 类: - 这个类实现了`TreeModel`...

    30多个 flex3 源码(整理)

    1. **DateGrid编辑**:DateGrid是一种结合日期选择器和数据表格的组件,常用于展示带有日期的数据,并允许用户进行编辑。在Flex中,我们可以自定义CellEditor,将日期选择器与Grid单元格绑定,以便用户能够方便地...

    Flex4的Tree控件加CheckBox

    如果应用有多个Tree控件或者需要在其他地方反映Tree的选择状态,需要实现一种机制来同步这些状态。这可能涉及到事件广播或者使用Observer模式。 7. **优化用户体验**: 可能还需要考虑一些用户体验的细节,例如...

    Flex combox

    这个Flex Combox的特点在于,其下拉部分以树形结构展示,每个节点都可以带有复选框。这种设计允许用户选择多个树形结构中的条目,非常适合用于层级关系的数据选择,如组织结构、地区分类或者产品分类等。 首先,...

    从头开发Flex树遇到的问题

    开发自定义Tree需要对Flex组件模型有深入理解,包括如何扩展已有的UIComponent类或使用现有的TreeItemRenderer。在实现过程中,我们可能需要重写`createChildren()`和`updateDisplayList()`方法来定义组件的布局和...

    Flex Checkbox Tree

    自定义渲染器通常会扩展`mx.controls.treeClasses.TreeItemRenderer`类,并重写`createChildren`、`drawFocusRect`以及`setSelected`等方法,以实现自定义的显示逻辑。例如,当用户点击某个节点时,渲染器可能需要...

    动态绑定XML,实现flex树控件的绑定

    例如,生成一个表示树结构的XML文件,其中包含节点(节点可以有子节点)。 ```csharp var doc = new XDocument( new XElement("root", new XElement("node1", new XElement("child1"), new XElement("child2"))...

    Flex Tree增加虚线连接

    4. **自定义皮肤**:为了实现虚线连接,可能需要创建自定义的TreeItemRenderer或使用已有的TreeItemDecoration类。在自定义皮肤中,我们可以覆盖或扩展默认的绘图逻辑,以便在绘制连接线时应用虚线样式。 5. **事件...

    flex checkboxtree 和可增加面板,可关闭的tab页

    2. **节点渲染**:Flex使用`mx.controls.treeClasses::TreeItemRenderer`来显示树节点。为了添加复选框,你需要创建自定义的渲染器,将`CheckBox`组件与`TreeItemRenderer`结合。 3. **事件处理**:当用户点击复选...

    Flex Tree 中Checkbox

    6. **代码示例**:在ActionScript中,你可以创建一个自定义的TreeItemRenderer类,覆盖`createChildren()`方法来添加Checkbox,并在Checkbox的change事件处理器中更新数据模型。例如: ```actionscript override ...

    Flex实现带复选框的列表树

    这涉及到MXML和ActionScript的混合编程,通过扩展UIComponent或TreeItemRenderer类,实现复选框与树节点的集成。 8. 项目配置:文件如.actionScriptProperties、.flexProperties、.project和.html-template等都是...

    flex tree 中渲染checkBox

    在这个文件中,你需要定义一个继承自`mx.controls.treeClasses.TreeItemRenderer`的类,并覆盖`createChildren`方法来添加CheckBox组件。然后,你需要实现`set data()`方法以根据树节点的数据绑定复选框的状态。同时...

Global site tag (gtag.js) - Google Analytics