Flash Builder 4.5 开发 OA - 2

发布时间：2020-12-15 06:47:24 所属栏目：百科来源：网络整理

导读：?- tree添加数据，动态添加tab面板 1.?????绑定Tree的测试数据 tree已经添加到面板中，但没有数据，在后台写个类，模拟的生成一些tree的节点信息，显示一下，看看tree的效果，代码如下： package com.gwtjs.flash.test; ? import java.util.ArrayList; impor

?- tree添加数据，动态添加tab面板

1.?????绑定Tree的测试数据

tree已经添加到面板中，但没有数据，在后台写个类，模拟的生成一些tree的节点信息，显示一下，看看tree的效果，代码如下：

package com.gwtjs.flash.test;

import java.util.ArrayList;

import java.util.List;

import java.util.Random;

import com.gwtjs.model.Module;

public class TreeData {

???????? /**

???????? ?* 如果节点ID能被2或3取模，则返回子节点,其它不返回

???????? ?* <p>

???????? ?* 构建节点，生成节点数随机抽6以内，ID以parentId起,1.起点为11,2起点为12

???????? ?* </p>

???????? ?*

???????? ?* @return

???????? ?*/

???????? public List<Module> getModules(Integer parentId) {

?????????????????? System.out.println("parent id: " + parentId);

?????????????????? List<Module> list = new ArrayList<Module>();

?????????????????? Random random = new Random();

?????????????????? int max = random.nextInt(10);

?????????????????? if(max<1)

??????????????????????????? max=1;

??????????????????

?????????????????? int i = 1;

?????????????????? if (parentId != null && 0 != parentId) {

??????????????????????????? i = parentId * 10;

?????????????????? }

?????????????????? for (; i <= max; i++) {

??????????????????????????? Module m = new Module();

??????????????????????????? m.setId(i);

??????????????????????????? m.setText("模块" + i);

??????????????????????????? m.setLinkUrl("#" + i);

??????????????????????????? list.add(m);

?????????????????? }

?????????????????? return list;

???????? }

}

添加数据调用配置

remoting-config.xml文件添加如下配置：

???

??? <destination id="TestTreeSimple">

??????? <properties>

??????????? <source>com.gwtjs.flash.test.TreeData</source>

??????? </properties>

??? </destination>

??? Declarations标签添加了如下：

<s:RemoteObject id="moduleTreeService" destination="TestTreeSimple" fault="moduleTreeServiceFault(event)" result="moduleTreeServiceResult(event)"/>

tree组件：

<mx:Tree x="0" y="0" width="100%" height="100%" labelField="text"borderVisible="false" id="moduleTreePanel"change="moduleTreeChange(event)" />

添加了一个id，方便调用;

树显示的文字绑定为数据返回对象的text属性;

生成了一个moduleTreeChange函数，点击树的时候，需要在右部面板创建一个tab，并加载Grid组件;

moduleTreeChange函数：

/**

?* tree changeevent

?* 树的change事件，判断主面板是否已经存在此面板，如果存在，直接激活选中即可，如果没有，则要创建一个面板，并添加到内容区域，并激活

?*/

protected functionmoduleTreeChange(event:ListEvent):void{

??? //树的节点

??? var item:Object =moduleTreePanel.selectedItem

??? var tabName:String = "tab_"+item.id;

??? //首先查询这个tab,如果没有就创建,注意mainTabs在容器中的位置，mainTabs为事先已经定义的id,在容器中可以看到

??? var p:NavigatorContent =NavigatorContent(mainTabs.getChildByName(tabName));

??? if(p==null){

??????? //创建一个节点，并添加到mainTabs中去.这里还有一个ModuleLoader动作，稍后Grid完成就补上

??????? p =new NavigatorContent();

??????? p.id =item.id;

??????? p.name =tabName;

??????? p.label =item.text;

??????? mainTabs.addItem(p);

??? }

???

??? //选择状态

??? mainTabs.selectedChild =p;

???

}

页面载入时的函数添加了tree数据服务的提交

//请求树的数据

??? moduleTreeService.getModules(0);

提交请求成功同样也是将值赋给定义好并绑定的参数,类同HelloWorld程序，只是数据类型的区别：

[Bindable]

private var treeData:ArrayCollection= new ArrayCollection();

protected function moduleTreeServiceResult(event:ResultEvent):void{

??? treeData =ArrayCollection(event.result);

??? moduleTreePanel.dataProvider= treeData;

???

}

CSS和Script已经移出文件单独存放，改为了外部引用

??? <fx:Style source="css/icon.css"/>??

??? <fx:Script source="scripts/index.as" />

效果：

随便聊几句：

先前和一个同行切磋时谈到Flex,当时称Flex,他很兴致的想考我，问我，现在版本到几了，我说4.0快出来了，他说是as3吧，我说最好是不要用as3，2来恒量flex;当时他用很鄙视的眼光看我，我知道我们谈不来。

???????? 个人认为，Flash的优势并不只是as3,或者说，主要的优势不在这，什么脚本都是脚本，as3和extjs或其它的ajax框架有什么区别？谁有优势？

???????? flash最大的优势就是设计快，设计器，透视图，组件这些才是真的优势，如果只让我用脚本去写应用，我宁愿用ExtJS,语言虽没as3强，有些方面，比flash强很多，例如extjs分页这类的组件，根本就不用自己去，直接配置上就可以了。别说我懒，咱是商业应用的一个小程序员而已，老板都在要求快、准、狠。而js还有就是应用比flash早，资料也比较早，一般的程序员，都是先写过js再flash的，只用个actionscript,只是多余的给自己找了个学习的机会，蛋疼。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!