在一次使用datagrid的时候,嵌入了单选按钮组件:
突然发现单选按钮的组不能用了,互斥不起了,后来想了这样一种写法,其实也没有什么技术含量的,
这样就解决了,但是突然发现在dataGrid里面放单选按钮本就是一个没有意义的事情。呵呵。 还是分享下过程:
<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:XMLList id="employees">
<employee>
<name>Christina Coenraets</name>
<phone>555-219-2270</phone>
<email>ccoenraets@fictitious.com</email>
<active>true</active>
</employee>
<employee>
<name>Joanne Wall</name>
<phone>555-219-2012</phone>
<email>jwall@fictitious.com</email>
<active>true</active>
</employee>
<employee>
<name>Maurice Smith</name>
<phone>555-219-2012</phone>
<email>maurice@fictitious.com</email>
<active>false</active>
</employee>
<employee>
<name>Mary Jones</name>
<phone>555-219-2000</phone>
<email>mjones@fictitious.com</email>
<active>true</active>
</employee>
</mx:XMLList>
<mx:Script>
<![CDATA[
private var lastRadioButton:Object = new Object();
public function rdoHandler(data:Object,obj:Object):void{
//将上一次点中的按钮状态设置为未点中
lastRadioButton.selected = false;
//通过对象导航到当前点击的单选按钮
//更新最后一次的按钮为当前选中按钮
lastRadioButton = obj.rdo;
var temp:String = "姓名:";
temp +=data.name;
temp +="\remail:";
temp +=data.phone;
temp +="\r电话:";
temp +=data.email;
personContent.text = temp;
}
]]>
</mx:Script>
<mx:Panel height="360" width="100%"
paddingTop="10" paddingLeft="10" paddingRight="10" fontSize="12">
<mx:Label width="100%" color="blue"
text="单选按钮互斥问题"/>
<mx:DataGrid id="dg" width="100%" height="175" rowCount="5" dataProvider="{employees}">
<mx:columns>
<mx:DataGridColumn>
<mx:itemRenderer>
<mx:Component>
<!--这里随便使用的一个组件包含单选按钮,不然不能给按钮id赋值-->
<mx:Canvas>
<!--使用outerDocument就可以访问该页面的公有方法,data就是当前行的数据封装对象,this封装了改按钮的信息-->
<mx:RadioButton id="rdo" click="outerDocument.rdoHandler(data,this);">
</mx:RadioButton>
</mx:Canvas>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="phone" headerText="Phone"/>
<mx:DataGridColumn dataField="email" headerText="Email"/>
</mx:columns>
</mx:DataGrid>
<mx:TextArea id="personContent" width="266" height="84"/>
</mx:Panel>
</mx:Application>
- 大小: 20.9 KB
分享到:
相关推荐
flex4 DataGrid 头标签嵌套CheckBox按钮
2.0DataGrid嵌套DataGrid,里面的鼠标滚动响应到外部,利用自定义命令传递滚轮事件参数实现,详细效果请移步: https://blog.csdn.net/u010438205/article/details/105710794
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
Wpf datagrid 多选、单选、反选(单选一次选中,无需点两次)
easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据
DataGrid中嵌套DataGrid,修改后也适用DataGrid中嵌套DataList,DataList中嵌套DataList
有的时候,会遇到DataGrid里面嵌套DataGrid(重叠嵌套),然后里面的鼠标滚轮无法响应外面的滚动,为此记录下解决方案,详情请移步:https://blog.csdn.net/u010438205/article/details/105659330
用于博客easyui下datagrid嵌套显示的相关easyui代码文件
WPF中的DataGrid合并单元格,模板列内嵌套DataGrid,非真正合并
能实现根据下拉列表值的改变来修改当前dataGrid行的值
成功的实现了,datagrid中嵌套checkbox实现全选的功能。分享代码供大家分享。项目为flex3。
实现DataGrid多层嵌套.doc
DataGrid中嵌套使用Repeater DataGrid中嵌套使用Repeater DataGrid中嵌套使用Repeater
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
老外做的功能有点复杂,我整理了其中一个简单的效果,在表头上加一个按钮。扩展的话可以实现数据过滤,或者下拉动态隐藏指定列(灵感都来自extjs呵呵)。 也可以在此下载:...
DataGrid 控件的嵌套显示数据.在一个DataGrid控件中,每一行记录展开后可以显示关联的子表记录,在父DataGrid控件中显示另一个DataGrid控件. 并且可以分页显示.
插件描述:9款表单复选框(Checkbox)与单选按钮美化. 参考示例:http://www.jq22.com/jquery-info5907
DataGrid弹出删除按钮的例子,通俗易懂,能快速理解该技术,无方法。
vb中datagrid控件的详细使用方法,拿出来给大家看看!!!!是学习datagrid控件的好助手
图片是在XP下截的,所以看不出效果,在Win7下效果好点.其中的DataGrid分页绑定控件方法只要传入被绑定的DataGrid对象和数据源就可以绑定了,操作简单.