FLEX：时DataGrid的指定列可编辑.

最新推荐文章于 2024-11-23 11:12:56 发布

转载最新推荐文章于 2024-11-23 11:12:56 发布 · 107 阅读

本文介绍了一个使用 Flex 实现的 DataGrid 控件示例，该控件允许用户编辑数据集中的某些字段。示例中展示了如何定义一个包含学生姓名和成绩的数据集合，并通过 DataGrid 展示这些数据，同时允许编辑成绩字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

editable属性学习.
示例：

代码：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:ArrayCollection id="arrColl">
        <mx:source>
            <mx:Array>
                <mx:Object label="Student A" score="85" />
                <mx:Object label="Student B" score="48" />
                <mx:Object label="Student C" score="71" />
                <mx:Object label="Student D" score="88" />
                <mx:Object label="Student E" score="24" />
                <mx:Object label="Student F" score="64" />
                <mx:Object label="Student G" score="76" />
                <mx:Object label="Student H" score="76" />
                <mx:Object label="Student I" score="93" />
                <mx:Object label="Student J" score="88" />
                <mx:Object label="Student K" score="48" />
                <mx:Object label="Student L" score="76" />
            </mx:Array>
        </mx:source>
    </mx:ArrayCollection>

    <mx:DataGrid id="dataGrid"
            dataProvider="{arrColl}"
            editable="true"
            rowCount="8">
        <mx:columns>
            <mx:DataGridColumn dataField="label"
                    editable="false" />
            <mx:DataGridColumn dataField="score"
                    editable="true" />
        </mx:columns>
    </mx:DataGrid>

</mx:Application>