简单实现对flex dataGrid一列在某些行可编辑，在另一些行不可编辑

最新推荐文章于 2023-06-15 19:12:56 发布

shierqu

最新推荐文章于 2023-06-15 19:12:56 发布

阅读量3.2k

点赞数 2

分类专栏： html/div+css/JS/Ajax/jsp/Flex 文章标签： datagrid flex library button application encoding

本文链接：https://blog.csdn.net/shierqu/article/details/6937471

版权

本文介绍如何在Flex DataGrid中实现特定行可编辑，其他行不可编辑。通过DataGridWithSomeEdit.mxml和Index.mxml示例，展示了利用双向绑定在<mx:TextInput>中连接数据源和组件，确保当TextInput更改时，DataGrid数据源同步更新。讨论了双向绑定在数据源更新中的重要性，并对比了无双向绑定时的情况。

摘要由CSDN通过智能技术生成

Flex的dataGrid控件本身具备指定某列可编辑的功能，但在实际需求中往往要求对整列单元格并不全部可编辑。Flex dataGrid自身并未提供这样的接口，但是我们可以通过<mx:itemRenderer>和双向绑定来简单实现这一过程。下面代码展示了对小王的年龄可编辑，对小李的年龄不可编辑，同时通过ok键来反馈小李编辑后的年龄。

DataGridWithSomeEdit.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:fx="http://ns.adobe.com/mxml/2009" 
			 xmlns:s="library://ns.adobe.com/flex/spark" 
			 xmlns:mx="library://ns.adobe.com/flex/mx" dataProvider="{dataSource}">
	<mx:columns>		
		<mx:DataGridColumn headerText="序号" dataField="id"/> 
		<mx:DataGridColumn headerText="名称" dataField="name" /> 
		<mx:DataGridColumn headerText="年龄" dataField="age