在一次使用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,里面的鼠标滚动响应到外部,利用自定义命令传递滚轮事件参数实现,详细效果请移步: https://blog.csdn.net/u010438205/article/details/105710794
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据
在提供的标题和描述中,我们看到一个特殊的实现,即在`DataGrid`的头标签中嵌套了`CheckBox`按钮。这个功能在数据筛选和操作中非常有用,允许用户批量选择或取消选择表头中的某个属性,进而影响到对应列的数据。 ...
3. 绑定数据源:使用DataSourceID属性将DataGrid与数据源关联,或者在代码-behind中使用DataBind()方法手动绑定。 4. 自定义列和样式:通过设置Columns属性来指定显示哪些字段,以及如何格式化它们。 对于嵌套...
本篇文章将深入探讨如何实现`DataGrid`的多选、单选和反选功能,以提高用户界面的交互性。 首先,我们要明白`DataGrid`的选中机制。默认情况下,`DataGrid`只支持单选,即一次只能选择一行。要实现多选,我们需要...
在本案例中,我们关注的是"datagrid嵌套"这一主题,这涉及到在EasyUI的datagrid组件中嵌套显示其他数据或者子表格。 首先,`datagrid22_demo.html`是主页面,它包含datagrid的配置和布局。在这个文件中,我们可以...
本教程将详细讲解如何在DataGrid中实现单元格的合并,以及如何在模板列中嵌套另一个DataGrid,尽管这种“合并”并非传统意义上的单元格合并,而是通过自定义布局来达到类似的效果。 首先,我们要明白,WPF DataGrid...
你可以通过调用`INotifyPropertyChanged`接口的`RaisePropertyChanged`方法(如果你的数据模型实现了这个接口)或者使用`ICollectionView`的`Refresh`方法(如果你使用了`ICollectionView`作为`DataGrid`的数据源)...
这允许你控制子DataGrid的显示方式,例如添加展开/折叠按钮。 7. **交互性**:确保子DataGrid的交互性,如编辑、排序、选择等,可以根据实际需求进行配置。同时,任何在子DataGrid中的更改应能反映到主DataGrid以及...
在某些场景下,我们可能需要实现DataGrid的多层嵌套,这通常发生在数据结构具有层次性的情况下,比如产品分类,每个产品可能有多个子分类,子分类又可能有更细的分类。在给定的文件描述中,提到了一个产品分类的例子...
本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的场景中非常常见。以下是对这个主题的详细讲解: 1. **Flex DataGrid组件**: Flex DataGrid是Adobe Flex...
有的时候,会遇到DataGrid里面嵌套DataGrid(重叠嵌套),然后里面的鼠标滚轮无法响应外面的滚动,为此记录下解决方案,详情请移步:https://blog.csdn.net/u010438205/article/details/105659330
老外做的功能有点复杂,我整理了其中一个简单的效果,在表头上加一个按钮。扩展的话可以实现数据过滤,或者下拉动态隐藏指定列(灵感都来自extjs呵呵)。 也可以在此下载:...
在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...
本篇文章重点讨论如何在DataGrid内部嵌套使用Repeater控件,以展示分层次的数据。这种技术同样适用于其他列表绑定控件的组合,例如DataGrid包含DataGrid,或者DataList包含DataList等。 首先,我们要了解DataGrid的...
除了基本功能外,`DataGrid`还可以通过扩展来实现更多自定义功能,例如添加按钮列进行操作,或者添加下拉列表选择。 总的来说,`DataGrid`控件在VB中提供了强大的数据展示和操作能力,理解并熟练运用它的各种特性...
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
DataGrid弹出删除按钮的例子,通俗易懂,能快速理解该技术,无方法。
本篇文章将深入探讨如何在DataGrid的RowDetailsTemplate中绑定点击按钮,以及如何实现行的伸展和收缩效果。 首先,我们需要了解RowDetailsTemplate的基本用法。在XAML中,我们可以使用DataGrid.RowDetailsTemplate...