Question

我的flex应用程序我有一个datgrid 如下

<mx:DataGrid id="grid" > 
<mx:columns> 
    <mx:DataGridColumn headerText="Select"  dataField="itemSelInd" editable="false" textAlign="center"   >
                                <mx:itemRenderer >
                                    <mx:Component>
                                    <mx:CheckBox> 
                                </mx:CheckBox>
                                    </mx:Component>
                                </mx:itemRenderer>
                            </mx:DataGridColumn>
    <mx:DataGridColumn dataField="name" headerText="Name"/> 
    <mx:DataGridColumn dataField="date" headerText="Date"/>
    <mx:DataGridColumn dataField="month" headerText="Month"/>
    <mx:DataGridColumn dataField="year" headerText="Year"/>


 </mx:columns> </mx:DataGrid>

默认情况下editable = false;

现在，如果我选择一个复选框，单独的应对行应该可编辑如何可能？给我一些建议..提前知道!!

Answer 1

试试这个

   <mx:ArrayCollection id="sad">
<mx:source>
    <mx:Object itemSelInd="true" named="sudharsanan" date="0" month="4" year="1989"/>
    <mx:Object itemSelInd="false" named="sudharsanan" date="1" month="4" year="1989"/>
    <mx:Object itemSelInd="true" named="sudharsanan" date="0" month="4" year="1989"/>
</mx:source>
</mx:ArrayCollection>
    <mx:DataGrid id="asad" editable="true" dataProvider="{sad}">
        <mx:columns>
            <mx:DataGridColumn headerText="Select"  dataField="itemSelInd" editable="false" textAlign="center"   >
                                        <mx:itemRenderer >
                                            <mx:Component>
                                                <mx:CheckBox click="{data.itemSelInd = !data.itemSelInd}"/>
                                            </mx:Component>
                                        </mx:itemRenderer>
                                    </mx:DataGridColumn>
            <mx:DataGridColumn dataField="named" headerText="Name" >
                <mx:itemEditor>
                        <mx:Component>
                            <mx:TextInput editable="{data.itemSelInd}" text="{data.named}"/>
                        </mx:Component>
                    </mx:itemEditor>
            </mx:DataGridColumn> 
            <mx:DataGridColumn dataField="date" headerText="Date" >
                <mx:itemEditor>
                    <mx:Component>
                        <mx:TextInput editable="{data.itemSelInd}" text="{data.date}"/>
                    </mx:Component>
                </mx:itemEditor>
            </mx:DataGridColumn>

        </mx:columns>
    </mx:DataGrid>

我希望这可以帮到你

flex datagrid复选框渲染器

1 个答案: