`

datagrid 嵌套单选按钮互斥方法

    博客分类:
  • Flex
阅读更多

在一次使用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
分享到:
评论

相关推荐

    2.0DataGrid嵌套DataGrid,里面的鼠标滚动响应到外部,利用自定义命令传递滚轮事件参数实现

    2.0DataGrid嵌套DataGrid,里面的鼠标滚动响应到外部,利用自定义命令传递滚轮事件参数实现,详细效果请移步: https://blog.csdn.net/u010438205/article/details/105710794

    WPF中DataGrid里面的Checkbox实现单选

    WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!

    easyui datagrid 嵌套datagrid

    easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据

    flex DataGrid 嵌套复选按钮

    在提供的标题和描述中,我们看到一个特殊的实现,即在`DataGrid`的头标签中嵌套了`CheckBox`按钮。这个功能在数据筛选和操作中非常有用,允许用户批量选择或取消选择表头中的某个属性,进而影响到对应列的数据。 ...

    DataGrid中嵌套DataGrid

    3. 绑定数据源:使用DataSourceID属性将DataGrid与数据源关联,或者在代码-behind中使用DataBind()方法手动绑定。 4. 自定义列和样式:通过设置Columns属性来指定显示哪些字段,以及如何格式化它们。 对于嵌套...

    Wpf datagrid 多选、单选、反选

    本篇文章将深入探讨如何实现`DataGrid`的多选、单选和反选功能,以提高用户界面的交互性。 首先,我们要明白`DataGrid`的选中机制。默认情况下,`DataGrid`只支持单选,即一次只能选择一行。要实现多选,我们需要...

    easyui下datagrid嵌套显示相关文件

    在本案例中,我们关注的是"datagrid嵌套"这一主题,这涉及到在EasyUI的datagrid组件中嵌套显示其他数据或者子表格。 首先,`datagrid22_demo.html`是主页面,它包含datagrid的配置和布局。在这个文件中,我们可以...

    WPF DataGrid合并单元格(模板列嵌套DataGrid)

    本教程将详细讲解如何在DataGrid中实现单元格的合并,以及如何在模板列中嵌套另一个DataGrid,尽管这种“合并”并非传统意义上的单元格合并,而是通过自定义布局来达到类似的效果。 首先,我们要明白,WPF DataGrid...

    DataGrid里嵌套下拉列表

    你可以通过调用`INotifyPropertyChanged`接口的`RaisePropertyChanged`方法(如果你的数据模型实现了这个接口)或者使用`ICollectionView`的`Refresh`方法(如果你使用了`ICollectionView`作为`DataGrid`的数据源)...

    DataGrid 嵌套网格

    这允许你控制子DataGrid的显示方式,例如添加展开/折叠按钮。 7. **交互性**:确保子DataGrid的交互性,如编辑、排序、选择等,可以根据实际需求进行配置。同时,任何在子DataGrid中的更改应能反映到主DataGrid以及...

    实现DataGrid多层嵌套.doc

    在某些场景下,我们可能需要实现DataGrid的多层嵌套,这通常发生在数据结构具有层次性的情况下,比如产品分类,每个产品可能有多个子分类,子分类又可能有更细的分类。在给定的文件描述中,提到了一个产品分类的例子...

    flex datagrid 嵌套checkbox实现全选

    本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的场景中非常常见。以下是对这个主题的详细讲解: 1. **Flex DataGrid组件**: Flex DataGrid是Adobe Flex...

    DataGrid里面嵌套DataGrid(重叠嵌套),鼠标滚动优化方案

    有的时候,会遇到DataGrid里面嵌套DataGrid(重叠嵌套),然后里面的鼠标滚轮无法响应外面的滚动,为此记录下解决方案,详情请移步:https://blog.csdn.net/u010438205/article/details/105659330

    Flex dataGrid 表头添加按钮

    老外做的功能有点复杂,我整理了其中一个简单的效果,在表头上加一个按钮。扩展的话可以实现数据过滤,或者下拉动态隐藏指定列(灵感都来自extjs呵呵)。 也可以在此下载:...

    9款表单复选框(Checkbox)与单选按钮美化

    在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...

    DataGrid中嵌套使用Repeater.doc

    本篇文章重点讨论如何在DataGrid内部嵌套使用Repeater控件,以展示分层次的数据。这种技术同样适用于其他列表绑定控件的组合,例如DataGrid包含DataGrid,或者DataList包含DataList等。 首先,我们要了解DataGrid的...

    vb中datagrid控件的详细使用方法

    除了基本功能外,`DataGrid`还可以通过扩展来实现更多自定义功能,例如添加按钮列进行操作,或者添加下拉列表选择。 总的来说,`DataGrid`控件在VB中提供了强大的数据展示和操作能力,理解并熟练运用它的各种特性...

    WPF在dataGrid中添加CheckBox支持单选,多选,全选功能

    项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。

    DataGrid弹出删除按钮的例子

    DataGrid弹出删除按钮的例子,通俗易懂,能快速理解该技术,无方法。

    wpf datagrid RowDetailsTemplate绑定点击按钮会有伸展收缩

    本篇文章将深入探讨如何在DataGrid的RowDetailsTemplate中绑定点击按钮,以及如何实现行的伸展和收缩效果。 首先,我们需要了解RowDetailsTemplate的基本用法。在XAML中,我们可以使用DataGrid.RowDetailsTemplate...

Global site tag (gtag.js) - Google Analytics