Flex Tree以及复选框tree（icon）

于 2015-07-06 17:13:52 发布
阅读量531 收藏
点赞数
分类专栏： Flex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w938706428/article/details/46776799
版权 
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml"
		   xmlns:views="com.zteits.atms.util.Componment.*"
		   xmlns:controls="com.zteits.atms.component.it.sephiroth.controls.*"
		   width="100%" 
		   height="100%" 
		   borderStyle="none" 
		   creationComplete="myinit()" 
		   layout="absolute">
	<mx:Script source="Sig_Test_mokuai.as"/>
	<mx:RemoteObject id="SigMsgAction"
					 destination="SigMsgAction"
					 fault="faultHandler(event)"
					 showBusyCursor="true">
		<mx:method name="getTestTree" result="processTest(event.result)"/>
		<mx:method name="getTestTree2" result="processTest2(event.result)"/>
	</mx:RemoteObject>
	<mx:HBox width="100%" height="100%">
		<mx:VBox width="30%" height="100%" paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
			<mx:VBox width="100%" height="100%">
				<mx:Tree  id="tree1" 
						  width="100%" 
						  height="100%"
						  labelField="@name"
						  showRoot="true"
						  backgroundColor="#FFFFFF"
						  iconFunction="iconfuction"
						  itemClick="treeChanged(event)"
						  >
				</mx:Tree>
			</mx:VBox>
			<mx:HBox width="100%" horizontalAlign="right">
				<mx:Button label="获得树" click="getTree();"/>
			</mx:HBox>	
		</mx:VBox>	
		
		<mx:VBox width="30%" height="100%" paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
			<mx:VBox width="100%" height="100%">
				<controls:TreeCheckBox id="tree2" width="100%" height="100%" checkField="@isSelect"
									   itemCheck="onItemCheck(event)" labelField="@name"
									   openItems="{xml.node}"/>
			</mx:VBox>
			<mx:HBox width="100%" horizontalAlign="right">
				<mx:Button label="获得树2" click="getTree2();"/>
			</mx:HBox>	
		</mx:VBox>	
	</mx:HBox>	
</mx:Module>

as

import com.zteits.atms.component.it.sephiroth.renderers.TreecheckboxItemRenderer;
import com.zteits.atms.sig.monitor.vo.NodeForDeviceControl;

import flash.events.Event;

import mx.controls.Alert;
import mx.controls.Tree;
import mx.events.TreeEvent;
import mx.rpc.events.FaultEvent;

var xml:XML= null;

//111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

private function myinit():void
{
}
private function faultHandler(event:FaultEvent):void
{
	Alert.show("fault");
}
+++++++++++打开root下的树的方法！！！！
//private function processTest(result:Object):void
//{
//	var xmlstr:String=result.toString();
//	xml =new XML(xmlstr);
//	this.tree1.dataProvider=xml;
//	expendAllTree(tree1);
//}
//private function expendAllTree(tree:Tree):void
//{
//	for each (var item:XML in tree.dataProvider)
//	{
//      //可以用@+属性
//		Alert.show(""+item.@name);
//		tree.openItems=item;
//		tree.expandChildrenOf(item, true);
//	}
//}
//+++++++++++++++++++++++打开全部树的方法
private function processTest(result:Object):void
{
	var xmlstr:String=result.toString();
	xml =new XML(xmlstr);
	this.tree1.dataProvider=xml;
	tree1.callLater(expendAllTree);
	//	expendAllTree(tree1);
}

private function expendAllTree():void
{
	tree1.expandChildrenOf(xml, true);
}
private function getTree():void
{
	SigMsgAction.getTestTree("tree1");
}
//点击事件的Event不要忘记！！！
public function treeChanged(event:Event):void {
	
	test();
	try{
		//		var selectedNode:NodeForDeviceControl=Tree(event.target).selectedItem as NodeForDeviceControl;
		
		//		可以+@属性，如果想转化成对象，需要给tree赋值的是这个对象的ArrayCollection
		//		Alert.show(""+Tree(event.target).selectedItem.@leaf);
		var selectedNode:Object=Tree(event.target).selectedItem as Object;
		if(selectedNode.@leaf=="1"){
			Alert.show("yezi");
		}
	}catch (error:Error)
	{
		Alert.show(error.message.toString());
	}
	
}
public function test():void
{
	//   
	Alert.show("-"+(1 << 1 | 2 << 1));  //6
	Alert.show("+"+(1 << 1 & 2 << 1));  //0
	Alert.show("-"+(5|3)+","+(3|5));    //7,7
	Alert.show("+"+(5&3)+","+(3&5));    //1,1
	
	Alert.show("~2:"+(~2));             //-3
}
//111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
//111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

//22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222


private function processTest2(result:Object):void
{
	var xmlstr:String=result.toString();
	xml =new XML(xmlstr);
	this.tree2.dataProvider=xml;
	tree2.callLater(expendAllTree2);
	//	expendAllTree(tree1);
}
private function expendAllTree2():void
{
	tree2.expandChildrenOf(xml, true);
}

private function getTree2():void
{
	SigMsgAction.getTestTree2("tree2");
}

[Embed(source="com/zteits/atms/sig/image/Sig1.png")]
[Bindable]  
public var bule:Class; 
[Embed(source="com/zteits/atms/sig/image/folder.png")]
[Bindable]
public var folder:Class;
private  function iconfuction(event:Object):*{
	if(event.@leaf == 0){
		return folder;
	}else{
		return bule;
	}
}
//点击事件的Event不要忘记！！！
public function treeChanged2(event:Event):void {
	try{
//		var selectedNode:NodeForDeviceControl=Tree(event.target).selectedItem as NodeForDeviceControl;
		
//		可以+@属性，如果想转化成对象，需要给tree赋值的是这个对象的ArrayCollection
//		Alert.show(""+Tree(event.target).selectedItem.@leaf);
		var selectedNode:Object=Tree(event.target).selectedItem as Object;
		if(selectedNode.@leaf=="1"){
//			Alert.show("yezi");
		}
	}catch (error:Error)
	{
		Alert.show(error.message.toString());
	}

}
//需要common包里的as类
private function onItemCheck(event:TreeEvent):void
{
	updateParents(event.item as XML, (event.itemRenderer as TreecheckboxItemRenderer).checkBox.checkState);
	updateChilds(event.item as XML, (event.itemRenderer as TreecheckboxItemRenderer).checkBox.checkState);
}
/**
 * 更新树节点
 */
private function updateParents(item:XML, value:uint):void
{
	var checkValue:String=(value == (1 << 1 | 2 << 1) ? "2" : value == (1 << 1) ? "1" : "0");
	var parentNode:XML=item.parent();
	if (parentNode)
	{
		for each (var x:XML in parentNode.node)
		{
			if (x.@isSelect != checkValue)
			{
				checkValue="2";
			}
		}
		parentNode.@isSelect=checkValue;
		updateParents(parentNode, value);
	}
}
/**
 * 更新树的分支
 */
private function updateChilds(item:XML, value:uint):void
{
	var middle:Boolean=(value & 2 << 1) == (2 << 1);
	var selected:Boolean=(value & 1 << 1) == (1 << 1);
	
	if (item.children().length() > 0 && !middle)
	{
		for each (var x:XML in item.node)
		{
			x.@isSelect=value == (1 << 1 | 2 << 1) ? "2" : value == (1 << 1) ? "1" : "0";
			updateChilds(x, value);
		}
	}
}
//22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222
//22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222

java

//-------------------------------------------------------------------------
	public String getTestTree(String conditions) throws Exception
	{
		System.out.println("action--------------");
		org.dom4j.Document doc = null;
        org.dom4j.Element root = null;
        
        doc = org.dom4j.DocumentHelper.createDocument();
        //+++++++root 赋到 doc上
        //=======doc有addElement()
        root = doc.addElement("node");
        
        root.addAttribute("id", "1");
        root.addAttribute("name", "All");
        root.addAttribute("leaf", "0");
        root.addAttribute("age", "100");
        //+++++++创建element，在后面在加到root
        org.dom4j.Element element = DocumentHelper.createElement("node");
        element.addAttribute("id", "11");
        element.addAttribute("name", "lv");
        element.addAttribute("leaf", "1");
        element.addAttribute("age", "25");
        
        org.dom4j.Element element2 = DocumentHelper.createElement("node");
        element2.addAttribute("id", "12");
        element2.addAttribute("name", "gao");
        element2.addAttribute("leaf", "0");
        element2.addAttribute("age", "23");
        
        org.dom4j.Element element21 = DocumentHelper.createElement("node");
        element21.addAttribute("id", "121");
        element21.addAttribute("name", "gao大");
        element21.addAttribute("leaf", "1");
        element21.addAttribute("age", "23");
        
        element2.add(element21);
        
        org.dom4j.Element element22 = DocumentHelper.createElement("node");
        element22.addAttribute("id", "122");
        element22.addAttribute("name", "gao小");
        element22.addAttribute("leaf", "1");
        element22.addAttribute("age", "23");
        
        element2.add(element22);
        //=======root用add()，而不是用addElement()
        root.add(element);
        root.add(element2);
		return doc.asXML();
	}
	//-------------------------------------------------------------------------
		public String getTestTree2(String conditions) throws Exception
		{
			System.out.println("action--------------");
			org.dom4j.Document doc = null;
	        org.dom4j.Element root = null;
	        
	        doc = org.dom4j.DocumentHelper.createDocument();
	        //+++++++root 赋到 doc上
	        //=======doc有addElement()
	        root = doc.addElement("node");
	        
	        root.addAttribute("id", "1");
	        root.addAttribute("name", "All");
	        root.addAttribute("leaf", "0");
	        root.addAttribute("age", "100");
	        root.addAttribute("isSelect", "0");
	        //+++++++创建element，在后面在加到root
	        org.dom4j.Element element = DocumentHelper.createElement("node");
	        element.addAttribute("id", "11");
	        element.addAttribute("name", "lv");
	        element.addAttribute("leaf", "1");
	        element.addAttribute("age", "25");
	        element.addAttribute("isSelect", "0");
	        
	        org.dom4j.Element element2 = DocumentHelper.createElement("node");
	        element2.addAttribute("id", "12");
	        element2.addAttribute("name", "gao");
	        element2.addAttribute("leaf", "0");
	        element2.addAttribute("age", "23");
	        element2.addAttribute("isSelect", "0");
	        
	        org.dom4j.Element element21 = DocumentHelper.createElement("node");
	        element21.addAttribute("id", "121");
	        element21.addAttribute("name", "gao大");
	        element21.addAttribute("leaf", "1");
	        element21.addAttribute("age", "23");
	        element21.addAttribute("isSelect", "0");
	        
	        element2.add(element21);
	        
	        org.dom4j.Element element22 = DocumentHelper.createElement("node");
	        element22.addAttribute("id", "122");
	        element22.addAttribute("name", "gao小");
	        element22.addAttribute("leaf", "1");
	        element22.addAttribute("age", "23");
	        element22.addAttribute("isSelect", "0");
	        
	        element2.add(element22);
	        //=======root用add()，而不是用addElement()
	        root.add(element);
	        root.add(element2);
			return doc.asXML();
		}



 


 

 

 

 

 

lvxc0928
关注
专栏目录
el-select下拉框内展示el-tree结构
qq_45110882的博客
07-19 2090
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
使用vue实现的树形结构组件BasicTree
zhiy9ong的博客
01-11 3454
tree组件的经验总结     最近项目中有了树形结构的功能需求，要求能够将分类信息使用树形结构展示、新增节点、删除节点、选择节点等功能，项目中使用了iview框架作为视图层框架，iview本身也提供了树形结构示例，但是其ui风格并不符合设计稿需求，没办法一开始的想法是请求外援，网上找到了jquery的著名插件ztree插件，其功能非常强大完全符合项目的功能性需求，但是由于项目是基于vue技术构...
flex Tree 复选框。
11-28
flex tree 复选框，以及父目录的三种状态。（全部选中，部分选中，没有选中）
Flex tree加三状态的Checkbox
布丰的专栏
09-18 2431
网上有下过其他人的实现的例子，但是样式不好改，还有就是不能初始化选中，还有三态效果那个半选中状态也是不清楚，所以自己根据Itemrender搞了一个，还凑合 效果如图：全选和半选状态，Checkbox的flex3的样式用的图片 TreeCheckboxItemRender.mxml <s:MXTreeItemRenderer xmlns:fx="http://n
flex带复选框的tree，flex checkboxtree
07-13
flex带复选框的tree，包含源代码，需要用到的朋友请下载
Flex 树形结构Tree添加复选框
zh_dream_success的专栏
10-24 223
http://blog.csdn.net/cjy37/article/details/4166621 比较全   http://thesp2.iteye.com/blog/652252   http://www.blogjava.net/fastzch/archive/2010/09/15/332027.html  
Flex Tree
05-03 858
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creati
构造flex3.5的带复选框的树(CheckBoxTree)
03-20
在Flex 3.5开发中，我们经常遇到需要创建具有交互性和可视复杂性的用户界面，其中一个常见的需求就是构建一个带有复选框的树形结构，也就是所谓的“复选框树”(CheckBoxTree)。这样的控件允许用户通过复选框来选择或...
flex tree 中渲染checkBox
03-16
`flex tree 中渲染checkBox`这个话题涉及到在Flex Tree组件的每个节点上添加复选框控件，使得用户能够通过单击复选框来选择或取消选择树的特定部分。这在数据分层展示和多选操作的场景中特别常见，例如文件管理器或...
写一个页面，实现移动端响应式树形功能，前面带vantUI的复选框，后面带箭头，点击可以展开
最新发布
05-14
.van-tree-select__item__right-icon { font-size: 16px; margin-left: 10px; } ``` 3. 在Vue组件中动态生成树形结构数据，并传递给TreeSelect组件。 ```html export default { data() { return { value: ...
Flex Tree 中Checkbox
03-25
本资源中包括Tree的文件和Tree的渲染文件（Checkbox），实现功能为点击树不获取值（也可以获取，改变一个变量即可），只有勾选Checkbox才能得到。并添加到集合中
flex Tree checkbox 修改过后的
05-03
在网上找到了关于flex 的tree在前面加上checkbox， 我经过改动， 现在很适合使用。
Flex tree
w938706428的专栏
03-12 547
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------秦皇岛信号监控----------------------
flex中tree带checkbox
复兴斧头帮
01-17 166
        网上有很多tree带checkbox的例子，但我一直希望选择父类，子类全部选中，去掉其中一个子类，父类仍选中状态，并且根节点不带checkbox，弄了好久，终于可以了，写下例子纪念一下。 源代码： &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;s:Application xmlns:fx="http://ns.adobe.co...
可级联选择tree中的checkBox (flex)
john2522的专栏
04-14 3386
<br />在包common.control.tree下创建类TreeCheckBoxRender，其中关键的是tree组建的invalidateList()，实现Tree的自动刷新.在checkbox的事件响应下，递归其子节点就可以修改自己的selected的值（其中data的该checkbox对象的一个抽象，或者说是一个引用），然后分发事件，由tree的invalidateList（）实现，级联选择。<br /> <br /> <br /> package common.control.tree {
Flex中带有三种状态CheckBox的Tree的实现
09-16 342
常常会用到带有3种状态CheckBox的树形组件，比如在权限管理中，或者是地区选择中等等，如下图： 不多说费话了，直接进入主题，看看如何实现。其实在Flex中，只用自己实现一个TreeItemRenderer就可以了，代码如下： package com.robin
flex 实现Tree
ask_rent的专栏
03-08 870
<br />flex实现树的代码，希望对大家有所帮助<br />Tree.mxml的代码如下：<br /> <br /><?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx
Flex tree 遍历
编程日常记录与总结 https://franciswmf.iteye.com
06-06 121
[code="java"]======================================================== //第一级 var tXML:XML=mytree.selectedItem as XML;//前提是创建树的时候已指定selectedIndex=0 Alert.show("11:"+tXML.@name); ...
自定义Flex Tree：带有复选框的树形组件实现
然而，标准的`Tree`控件默认并不支持节点带有复选框的功能。为了实现这个特性，我们需要通过重写`Tree`的`TreeItemRenderer`来添加复选框。在提供的代码片段中，我们看到一个名为`TreeCheckBoxRenderer`的类，它是对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值