动态加载的TREE

By19.Published on一月 15, 2010 22:47. 42 Views .
很差差一般好非常好 (1 次评分, 平均: 4.00 out of 5)
Loading ... Loading ...

FLEX开发的一个简单的动态加载子节点的TREE.

做了一个动态加载子节点的TREE，可以通过XML中节点的属性来完成加载和执行操作。用法：TREE需要设置两个地址，第一次访问地址和每次点击节点响应地址，可以通过传入参数设置：

第一次访问的地址参数为“u”，默认每次响应地址是“./19TreeRequest”，也可以通过传入treeRequest参数来改变，比如这个演示的FLASH的地址就是：

http://www.ll19.com/up/19_tree/main.swf?u=http://www.ll19.com/up/19_tree/first.xml&treeRequest=http://www.ll19.com/up/19_tree/request.php

每次响应都应该生成类似下面的XML：

1
2
3
4
5
6
7
8
9
10

< ?xml version="1.0" encoding="UTF-8"?>
<root label="文章分类" title="LL19.com的文章" child="yes">
	<!--child用来判断是否动态加载字节点 value值的是执行时候需要的值-->
	<node label="空目录演示" child="maybe" value="c_0"/>
	<node label="日志" child="maybe" value="c_1"/>
	<node label="喜欢的" child="maybe" value="c_2"/>
	<node label="收集" child="maybe" value="c_3"/>
	<node label="页面文章-tags" child="no" value="page_1"/>
	<node label="页面文章-blogRoll" child="no" value="page_2"/>
</root>

XML说明：

1
2

<root label="文章分类" title="LL19.com的文章" child="yes">
</root>

第一次响应需要生成两个标题属性，之后每次只需要生成child属性，一般来说设置为yes就行了。

1

<node label="空目录演示" child="maybe" value="c_0"/>

child=maybe就是指需要再次读取，tree以文件夹显示，点击后会向treeRequest设置的地址传入后面的value的值，即value=c_0，之后treeRequest应该根据此参数来再次生成XML返回。

child=”no”表示下面没有子节点了，TREE以文件的形式显示，点击后会调用页面的JS。

1
2
3

function fileCall (value) { 
//根据value来执行操作 比如打开页面等
}

这里的例子演示，具体可以下载参考。

FLASH源文件目录下的图片src\images，分别代表未加载文件夹、加载后的文件夹、加载的文件和加载中读取的FLASH（GIF无法播放，只能显示一帧，所以用SWF代替）。

继续阅读…Continue reading…

{ 6 comments } { Tags: , }

三个统计图表

By19.Published on七月 9, 2009 18:43. 14 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

三个统计图表（柱状图、饼状图、线性图）。


因为项目原因写了三个简单的统计图，效果如下(上方为线性图效果)：- 源码下载 -

用法：给FLASH传入的U参数是一个XML地址，根据XML的不同图表会显示相关的统计内容，具体的XML格式请参考下面提供的例子：

线性图的XML：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<title x="月份" y="发布文章数（篇）">近三年每月发布文章数对比图</title>
	<name y1="2009年" y2="2008年" y3="2007年"/>
	<table>
		<row xname="1" y1="2" y2="0" y3="2"/>
		<row xname="2" y1="3" y2="0" y3="3"/>
		<row xname="3" y1="1" y2="0" y3="2"/>
		<row xname="4" y1="1" y2="0" y3="1"/>
		<row xname="5" y1="1" y2="2" y3="4"/>
		<row xname="6" y1="2" y2="3" y3="2"/>
		<row xname="7" y1="1" y2="7" y3="2"/>
		<row xname="8" y1="0" y2="2" y3="2"/>
		<row xname="9" y1="0" y2="6" y3="2"/>
		<row xname="10" y1="0" y2="2" y3="3"/>
		<row xname="11" y1="0" y2="1" y3="1"/>
		<row xname="12" y1="0" y2="2" y3="0"/>
	</table>
</root>


饼状图的XML：

1
2
3
4
5
6
7
8

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<table name="文章分类统计" rowName="所属分类" rowAmount="总文章数">
		<row name="Diary" amount="49"/>
		<row name="Like" amount="16"/>
		<row name="Collect" amount="21"/>
	</table>
</root>


柱状图的XML：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<title x="月份" y="发布文章数（篇）">近三年每月发布文章数对比图</title>
	<name y1="2009年" y2="2008年" y3="2007年"/>
	<table>
		<row xname="1" y1="2" y2="0" y3="2"/>
		<row xname="2" y1="3" y2="0" y3="3"/>
		<row xname="3" y1="1" y2="0" y3="2"/>
		<row xname="4" y1="1" y2="0" y3="1"/>
		<row xname="5" y1="1" y2="2" y3="4"/>
		<row xname="6" y1="2" y2="3" y3="2"/>
		<row xname="7" y1="1" y2="7" y3="2"/>
		<row xname="8" y1="0" y2="2" y3="2"/>
		<row xname="9" y1="0" y2="6" y3="2"/>
		<row xname="10" y1="0" y2="2" y3="3"/>
		<row xname="11" y1="0" y2="1" y3="1"/>
		<row xname="12" y1="0" y2="2" y3="0"/>
	</table>
</root>
{ 3 comments } { Tags: , }
Page 1 of 212