- 浏览: 336474 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
junyu_h:
record方式可不可以用啊?我用record在red5那边只 ...
as3.0应用h.264的视频编码 -
letian003:
楼主怎么没把那个包一起放出来呢
AS3实例:框选对象 -
letian003:
楼主怎么没把那个把一起放出来呢
AS3实例:框选对象 -
Mr桀骜不驯:
我想请教一下,当你框选之后,怎么样可以实现鼠标点击其他地方(非 ...
AS3实例:框选对象 -
Poechant:
赞!Michael到此一游。。
FLEX提高篇--------ShareObject对象详解
先看看效果:
整个代码其实没有什么奥妙之处,值得注意的是这一句: click="outerDocument.editHanlder();
贴一下代码段:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="black"> <mx:Style> global{ font-size:12; } </mx:Style> <mx:Script> <![CDATA[ import com.myevent.UserEvent; import mx.managers.PopUpManager; import com.component.EditWindow; import com.component.User; import mx.controls.Alert; import mx.collections.ArrayCollection; [Bindable] private var ac:ArrayCollection=new ArrayCollection([{id:0,name:'张三',selected:true},{id:1,name:'李四',selected:false},{id:2,name:'王五',selected:false}]); private function deleteHanlder():void{ for(var i:int=0;i<ac.length;i++){ if(i<0) break; if(ac.getItemAt(i).selected){ ac.removeItemAt(i); ac.refresh(); i--; } } } public function clickHanlder(obj:Object):void{ if(obj.chxBox.selected){ ac.getItemAt(userDg.selectedIndex).selected=true; }else{ ac.getItemAt(userDg.selectedIndex).selected=false; } } public function editHanlder():void{ var ew:EditWindow=new EditWindow(); var user:User=new User(); user.initUser(userDg.selectedItem.id,userDg.selectedItem.name); ew.user=user; ew.addEventListener(UserEvent.USEREDITE,userEditHandler); PopUpManager.addPopUp(ew,this,true); PopUpManager.centerPopUp(ew); } public function userEditHandler(e:UserEvent):void{ ac.getItemAt(userDg.selectedIndex).id=e.user.id; ac.getItemAt(userDg.selectedIndex).name=e.user.name; ac.refresh(); } ]]> </mx:Script> <mx:DataGrid id="userDg" dataProvider="{ac}"> <mx:columns> <mx:DataGridColumn dataField="id" headerText="操作"> <mx:itemRenderer> <mx:Component> <mx:HBox> <mx:CheckBox id="chxBox" selected="{data.selected}" click="outerDocument.clickHanlder(this);"/> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> <mx:DataGridColumn dataField="id" headerText="编号"/> <mx:DataGridColumn dataField="name" headerText="姓名"/> <mx:DataGridColumn headerText="修改"> <mx:itemRenderer> <mx:Component> <mx:HBox> <mx:Button label="编辑" click="outerDocument.editHanlder();"/> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> <mx:Button label="删除" click="deleteHanlder();" enabled="{ac.length>0}"/> </mx:Application>
下面是弹出窗口:
<?xml version="1.0" encoding="utf-8"?> <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="300" showCloseButton="true" styleName="titleWin" close="PopUpManager.removePopUp(this);"> <mx:Style> .titleWin{ closeButtonUpSkin:Embed(source="btn.swf",symbol="btn"); closeButtonDownSkin:Embed(source="btn.swf",symbol="btn"); closeButtonOverSkin:Embed(source="btn.swf",symbol="btn"); } </mx:Style> <mx:Script> <![CDATA[ import mx.managers.PopUpManagerChildList; import mx.utils.StringUtil; import com.myevent.UserEvent; import mx.managers.PopUpManager; [Bindable] public var user:User; private function subEdit():void{ user.id=parseInt(StringUtil.trim(userId.text)); user.name=StringUtil.trim(userName.text); var e:UserEvent=new UserEvent(UserEvent.USEREDITE,user); dispatchEvent(e); PopUpManager.removePopUp(this); } ]]> </mx:Script> <mx:Form> <mx:FormItem label="编号:"> <mx:TextInput id="userId" text="{user.id}" restrict="0-9"/> </mx:FormItem> <mx:FormItem label="姓名:"> <mx:TextInput id="userName" text="{user.name}"/> </mx:FormItem> <mx:FormItem> <mx:Button label="确定" click="subEdit()"/> </mx:FormItem> </mx:Form> </mx:TitleWindow>
下面是自定义的一个事件:用来处理数据传递:
package com.myevent { import com.component.User; import flash.events.Event; public class UserEvent extends Event { public static const USEREDITE:String="useredit"; public var user:User; public function UserEvent(type:String,user:User) { this.user=user; super(type); } override public function clone():Event{ var e:UserEvent=new UserEvent(USEREDITE,user); return e; } } }
下面一个VO或者MODEL来进行数据的封装:
package com.component { [Bindable] public class User { public function User() { super(); } public function initUser(id:int=0,name:String="",age:Number=0):void{ this.id=id; this.name=name; this.age=age; } public var id:int=0; public var name:String=""; public var age:Number=0; } }
评论
6 楼
S_uperM_arket
2009-09-20
调用editHanlder时为什么前面要加outerDocument,不能直接调用吗?
5 楼
baofen14787
2009-01-23
我用的是puremvc框架。
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var topicData:ArrayCollection;
public function clickHanlder(obj:Object):void{
if(obj.chxBox.selected){
topicData.getItemAt(dataGrid.selectedIndex).selected=true;
}else{
topicData.getItemAt(dataGrid.selectedIndex).selected=false;
}
}
]]>
</mx:Script>
<mx:DataGrid id="dataGrid" width="100%" height="100%" dataProvider="{topicData}">
<mx:columns>
<mx:DataGridColumn>
<mx:itemRenderer>
<mx:Component>
<mx:HBox>
<mx:CheckBox id="chxBox" selected="{topicData.selected}" click="outerDocument.clickHanlder(this);"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="title" dataField="title"/>
<mx:DataGridColumn headerText="Compare" dataField="Compare"/>
</mx:columns>
</mx:DataGrid>
这个topicData.selected没有定义 怎么办啊? 是topiData是动态加载的
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var topicData:ArrayCollection;
public function clickHanlder(obj:Object):void{
if(obj.chxBox.selected){
topicData.getItemAt(dataGrid.selectedIndex).selected=true;
}else{
topicData.getItemAt(dataGrid.selectedIndex).selected=false;
}
}
]]>
</mx:Script>
<mx:DataGrid id="dataGrid" width="100%" height="100%" dataProvider="{topicData}">
<mx:columns>
<mx:DataGridColumn>
<mx:itemRenderer>
<mx:Component>
<mx:HBox>
<mx:CheckBox id="chxBox" selected="{topicData.selected}" click="outerDocument.clickHanlder(this);"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="title" dataField="title"/>
<mx:DataGridColumn headerText="Compare" dataField="Compare"/>
</mx:columns>
</mx:DataGrid>
这个topicData.selected没有定义 怎么办啊? 是topiData是动态加载的
4 楼
caowei3047
2008-09-24
很好的资料,我最近正在学习Flex,这玩意确实牛!
3 楼
zookie
2008-09-23
不错啊,嘿嘿
2 楼
bigbone
2008-09-23
看页面有点像C#.net的页面不过改了个命名空间
1 楼
fins
2008-09-22
不是很了解flex 不过从这篇文章看来
我觉得 flex似乎也是一个中间产物
以他为基础 还有很多工作可以去做啊 呵呵
我觉得 flex似乎也是一个中间产物
以他为基础 还有很多工作可以去做啊 呵呵
发表评论
-
AS3实例:分类订阅
2012-04-08 02:45 1241其实也不知道用什么标题好,暂且叫拖动订阅吧,腾讯QQ新闻弹窗有 ... -
flex 2 系統架構淺析
2009-02-26 09:24 1421本文转自:http://hi.baidu.com/dkss/b ... -
FLEX提高篇--------dto是flex应用系统的最佳实践之一
2009-02-17 08:55 2855本文转自http://www.blogjava.net/bjw ... -
FLEX技巧口袋——ArrayCollection之巧妙排序
2008-09-04 14:39 7065<?xml version="1.0" ... -
FLEX资源——FLEX数据绑定专题(中文PDF)
2008-09-02 15:23 4871数据绑定是FLEX的一大亮点,学习FLEX应该把数据绑定弄清楚 ... -
FLEX资源---------手把手实现WebService服务与通讯
2008-07-16 18:21 2321FLEX与后台交互的方式不外乎那三种:HttpService, ... -
FLEX提高篇---------FMS两种方式实现简易聊天室
2008-07-15 14:10 3429原理和代码都很简单,没什么好说的. 一:利用ShareOb ... -
FLEX提高篇--------客户端呼叫Flash Medis Server3服务端入门
2008-07-13 09:41 1982当你不仅仅只想用FLEX来做纯业务数据的管理时,或者当你的项目 ... -
FLEX展示--------Web可以如此精彩(漂亮MM+源码共享)
2008-07-12 09:05 5584写javascript我已经快写到麻木的程度了,从表单验证,到 ... -
FLEX展示---------炫不炫你说了算(源码共享)
2008-07-11 13:14 3453前面朋友希望看下源码,其实昨天是打算一起上传的,但JAVAEY ... -
RIA+REST如何来化解Java的劣势
2008-07-10 20:06 1377我在前面两篇blog中都说到:“REST是简化Java Web ... -
FLEX探讨篇--------大话客户端,FLEX和EXT你选谁?
2008-07-08 22:31 7577取这个标题,难免会惹来 ... -
FLEX提高篇---------FLEX换肤,看不懂的是"傻瓜"
2008-07-07 15:54 5297为什么选择FLEX,很大部分原因在于FLEX的视觉效果和冲击力 ... -
FLEX提高篇--------FLEX瘦身方案知多少(一)
2008-06-26 20:59 3456经常在群里和FLEX爱好者们聊FLEX,难免会提及FLEX的优 ... -
FLEX提高篇--------AIR应用程序的托盘及托盘菜单的制作
2008-06-25 21:26 4728AIR desktop Application应该说是ADO ... -
FLEX入门实例--------结合FMS3在线录制FLV视频
2008-06-12 22:09 4713以前一直以为录制视频 ...
相关推荐
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
wpf 下DataGrid表头包含checkbox,实现多选功能,wpf 下DataGrid表头包含checkbox,实现多选功能
flex Datagrid checkbox全选 Datagrid
可以通过简单的一个标签实现一个表的checkbox功能,当然我才学了不到一个星期,可以在原来的基础上进行扩展,希望交流下我的邮箱是llaysz@163.com,如果大家把它变强大了记得给我发一份谢谢了
jeasyui-datagrid-datagrid 开发参考
1 20 跟我StepByStep学FLEX教程------Demo10之DataGrid 1 21 跟我StepByStep学FLEX教程------Flex和Java通信之BlazeDS 1 22 跟我StepByStep学FLEX教程------Flex和Java通信之开发方式和工具准备 1 23 跟我...
jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip
主要写了一个全选列,功能包括设置选择框的默认选择状态, 默认可用状态, 全选以及快速获取选中的值,呵呵!
绝对好东西,datagrid 标题栏及 datagridcolumn 添加 checkbox
带checkbox的datagrid 直接能用
成功的实现了,datagrid中嵌套checkbox实现全选的功能。分享代码供大家分享。项目为flex3。
Flex的DataGrid中使用CheckBox. 大家共同研究
该文件是用来将easyui-datagrid按照格式导出到excel中,可以将合并的单元格,复杂的表头,背景色及字色等按照显示的样式导出到excel,即所见即所得
felx和springHibernate整合传递二进制数据到表中并在flex的dataGrid控件中显示的实践
flex-datagrid中,双击选中的数据,自动把数据移动到另一个datagrid里 希望可以帮助新的新手!
支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js
My Flex-DataGrid源码及资料 包含: 1、鼠标右键 2、鼠标双击可编辑 3、插入chechbox控件 4、与数据集的正反绑定
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!