Flex 构建带有CheckBox的Tree.pdf

设置带 checkBox 的树 一 重写 Tree 的 TreeItemRenderer 添加 checkBox packagepackagepackagepackage com FunctionTree importimportimportimport flash events Event importimportimportimport mx collections ICollectionView importimportimportimport mx collections IList importimportimportimport mx collections IViewCursor importimportimportimport mx controls CheckBox importimportimportimport mx controls Tree importimportimportimport mx controls treeClasses ITreeDataDescriptor importimportimportimport mx controls treeClasses TreeItemRenderer importimportimportimport mx controls treeClasses TreeListData 支持CheckBox的TreeItemRenderer author Montage publicpublicpublicpublic classclassclassclass TreeCheckBoxRenderer extendsextendsextendsextends TreeItemRenderer publicpublicpublicpublic functionfunctionfunctionfunction TreeCheckBoxRenderer supersupersupersuper 表示CheckBox控件从data中所取数据的字段 privateprivateprivateprivate varvarvarvar selectedField String selected selected selected selected protectedprotectedprotectedprotected varvarvarvar checkBox CheckBox 构建CheckBox overrideoverrideoverrideoverride protectedprotectedprotectedprotected functionfunctionfunctionfunction createChildren voidvoidvoidvoid supersupersupersuper createChildren checkBox newnewnewnew CheckBox checkBox addEventListener Event CHANGE changeHandler addChild checkBox 点击checkbox时 更新dataProvider param event protectedprotectedprotectedprotected functionfunctionfunctionfunction changeHandler event Event voidvoidvoidvoid ifififif data varvarvarvarmyListData TreeListData TreeListData thisthisthisthis listData varvarvarvar tree Tree Tree myListData owner toggleChildren data tree privateprivateprivateprivate functionfunctionfunctionfunction toggleChildren item Object tree Tree voidvoidvoidvoid ifififif item nullnullnullnull returnreturnreturnreturn elseelseelseelse varvarvarvartreeData ITreeDataDescriptor tree dataDescriptor varvarvarvar tmpTree IList tree dataProvider asasasas IList item selectedField checkBox selected tmpTree itemUpdated item selectedField item selectedField c heckBox selected ifififif treeData hasChildren item varvarvarvarchildren ICollectionView treeData getChildren item varvarvarvar cursor IViewCursor children createCursor whilewhilewhilewhile cursor afterLast toggleChildren cursor current tree cursor moveNext overrideoverrideoverrideoverride publicpublicpublicpublic functionfunctionfunctionfunction setsetsetset data value Object voidvoidvoidvoid supersupersupersuper data value checkBox selected data selectedField 初始化控件时 给checkbox赋值 overrideoverrideoverrideoverride protectedprotectedprotectedprotected functionfunctionfunctionfunction commitProperties voidvoidvoidvoid mitProperties ifififif data elseelseelseelse checkBox selected falsefalsefalsefalse 重置itemRenderer的宽度 overrideoverrideoverrideoverride protectedprotectedprotectedprotected functionfunctionfunctionfunction measure voidvoidvoidvoid supersupersupersuper measure measuredWidth checkBox getExplicitOrMeasuredWidth 重新排列位置 将label后移 param unscaledWidth param unscaledHeight overrideoverrideoverrideoverrideprotectedprotectedprotectedprotectedfunctionfunctionfunctionfunction updateDisplayList unscaledWidth Number unscaledHeight Number voidvoidvoidvoid supersupersupersuper updateDisplayList unscaledWidth unscaledHeight varvarvarvarstartx Number data TreeListData listData indent 0 ifififif disclosureIcon disclosureIcon x startx startx disclosureIcon x disclosureIcon width disclosureIcon setActualSize disclosureIcon width disclosureIcon height disclosureIcon visible data TreeListData listData hasChildren falsefalsefalsefalse ifififif icon icon visible falsefalsefalsefalse icon x startx startx icon x icon measuredWidth icon setActualSize icon measuredWidth icon measuredHeight checkBox move startx unscaledHeight checkBox height 2 label x startx checkBox getExplicitOrMeasuredWidth 二 添加组件 FunctionTree 继承 Tree CDATA importimportimportimport mx collections ArrayCollection importimportimportimport mx collections Sort importimportimportimport mx collections SortField importimportimportimport mx controls Alert importimportimportimport ponents mediaClasses VolumeBar privateprivateprivateprivate varvarvarvar showCheckBox Boolean truetruetruetrue 标识是否显示 checkBox privateprivateprivateprivate varvarvarvar dataSource ArrayCollection 初始数据源 privateprivateprivateprivatevarvarvarvar selectedDataSource ArrayCollection newnewnewnew ArrayCollection 存储选中的数据 privateprivateprivateprivatevarvarvarvar treeDataSource ArrayCollection newnewnewnew ArrayCollection 整理之后的树形 数据源 privateprivateprivateprivate varvarvarvar parentColumnsName String parentID parentID parentID parentID 设置 父节点的列名 privateprivateprivateprivate varvarvarvar parentID String 0 0 0 0 设置初始 父节点值 privateprivateprivateprivatevarvarvarvar selectedCheckColumnsName String selected selected selected selected 设置标志选中checkbox的列明 privateprivateprivateprivate varvarvarvar childColumnsName String functionID functionID functionID functionID 设 置子节点的列名 privateprivateprivateprivate functionfunctionfunctionfunction init voidvoidvoidvoid setItemRender treeDataSource parentData parentID thisthisthisthis dataProvider treeDataSource privateprivateprivateprivate functionfunctionfunctionfunction setItemRender voidvoidvoidvoid ifififif showCheckBox thisthisthisthis itemRenderer newnewnewnew ClassFactory com FunctionTree TreeCheckBoxRenderer 引 用 编 写 的 TreeItemReaderer的位置 privateprivateprivateprivatefunctionfunctionfunctionfunction getSelectedData arr ArrayCollection ArrayCollection forforforfor varvarvarvar i int 0 i arr length i ifififif arr getItemAt i children nullnullnullnull 判断有没有子 节点 varvarvarvar objArr ArrayCollection newnewnewnew ArrayCollection forforforfor varvarvarvarcolumns Stringinininin arr getItemAt i children 遍历object columns是1 2 3 objArr addItem arr getItemAt i children columns 将object转 换成数字 getSelectedData objArr 重新获取选中数据 elseelseelseelse ifififif arr getItemAt i selected 判断改数据是否选 中 selected是设置的选中与否的标志 selectedDataSource addItem arr getItemAt i returnreturnreturnreturn selectedDataSource 创建Tree的数据源 privateprivateprivateprivatefunctionfunctionfunctionfunction parentData parentID String ArrayCollection varvarvarvarchildData ArrayCollection getChildData parentID varvarvarvar child ArrayCollection newnewnewnew ArrayCollection trytrytrytry forforforfor varvarvarvar i int 0 i 0 item children children children children arr 根据父节点获取子节点 ifififif item hasOwnProperty selectedCheckColumnsName 判断是否有 此属性 item selectedCheckColumnsName falsefalsefalsefalse ifififif selectedCheckColumnsName selected selected selected selected item selected selected selected selected item selectedCheckColumnsName 将判断是否选中的属性换成selected child addItem item catchcatchcatchcatc