内联 itemEditor

最新推荐文章于 2021-12-29 11:49:01 发布

b3894162

最新推荐文章于 2021-12-29 11:49:01 发布

阅读量217

点赞数

分类专栏： flex 文章标签： Apple Adobe XML

本文链接：https://blog.csdn.net/b3894162/article/details/83531419

版权

flex 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            [Bindable]
            private var ac1:ArrayCollection=new ArrayCollection([{id:001,name:"apple",price:10.0},
                {id:002,name:"orange",price:1.0},{id:003,name:"tea",price:30.0}]);

            [Bindable]
            private var ac2:ArrayCollection=new ArrayCollection([{id:001,name:"apple",fruit:true},
                {id:002,name:"orange",fruit:true},{id:003,name:"tea",fruit:false}]);

            private function checkHandler(item:Object,col:*):String{
                return item.fruit?"yes":"NO";
            }

            [Bindable]
            private var ac3:ArrayCollection = new ArrayCollection(
            [ {account:"account1", ccard:"1234100012341000"},
              {account:"account3", ccard:"0000222244441111"},
              {account:"account2", ccard:"9222833374446555"}
            ]);


        ]]>
    </mx:Script>

    <mx:VBox>
        <mx:HBox>
            <mx:DataGrid dataProvider="{ac1}" editable="true">
                <mx:columns>
                    <mx:DataGridColumn headerText="ID" dataField="id" editable="false"/>
                    <mx:DataGridColumn headerText="名称" dataField="name" editable="false"/>
                    <mx:DataGridColumn headerText="价格" dataField="price" editable="true"/>
                </mx:columns>
            </mx:DataGrid>

            <mx:DataGrid dataProvider="{ac1}" editable="true">
                <mx:columns>
                    <mx:DataGridColumn headerText="ID" dataField="id" editable="false"/>
                    <mx:DataGridColumn headerText="名称" dataField="name" editable="false"/>
                    <mx:DataGridColumn headerText="价格" dataField="price">
                        <mx:itemEditor>
                            <mx:Component>
                                <mx:TextInput restrict="0-9"/>
                            </mx:Component>
                        </mx:itemEditor>
                    </mx:DataGridColumn>
                </mx:columns>
            </mx:DataGrid>
        </mx:HBox>
        <mx:HBox>
            <mx:DataGrid dataProvider="{ac1}" editable="true">
                <mx:columns>
                    <mx:DataGridColumn headerText="ID" dataField="id" editable="false"/>
                    <mx:DataGridColumn headerText="名称" dataField="name" editable="false"/>
                    <mx:DataGridColumn headerText="价格" dataField="price" itemEditor="mx.controls.NumericStepper" editorDataField="value"/>
                </mx:columns>
            </mx:DataGrid>


            <mx:DataGrid dataProvider="{ac2}" editable="true">
                <mx:columns>
                    <mx:DataGridColumn headerText="ID" dataField="id" editable="false"/>
                    <mx:DataGridColumn headerText="名称" dataField="name" editable="false"/>
                    <mx:DataGridColumn headerText="是不是水果?" dataField="fruit"
                        itemEditor="mx.controls.CheckBox" editorDataField="selected" labelFunction="checkHandler"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:HBox>
        <mx:DataGrid dataProvider="{ac3}" editable="true" width="302">
                <mx:columns>
                    <mx:DataGridColumn headerText="account" dataField="account" editable="false" width="100"/>
                    <mx:DataGridColumn headerText="ccard" dataField="ccard" editorDataField="value">
                        <mx:itemEditor>
                            <mx:Component>
                                <mx:HBox>
                                    <mx:Script>
                                    <![CDATA[
                                        public function get value():String{
                                            return p1.text+p2.text+p3.text+p4.text;
                                        }
                                        override public function set data(value:Object):void{
                                            super.data=value;
                                            p1.text=value.ccard.substr(0,4);
                                            p2.text=value.ccard.substr(4,4);
                                            p3.text=value.ccard.substr(8,4);
                                            p4.text=value.ccard.substr(12,4);
                                        }
                                    ]]>
                                </mx:Script>
                                <mx:TextInput id="p1" maxChars="4" restrict="[0-9]" width="40"/>
                                <mx:TextInput id="p2" maxChars="4" restrict="[0-9]" width="40"/>
                                <mx:TextInput id="p3" maxChars="4" restrict="[0-9]" width="40"/>
                                <mx:TextInput id="p4" maxChars="4" restrict="[0-9]" width="40"/>
                                </mx:HBox>
                            </mx:Component>
                        </mx:itemEditor>
                    </mx:DataGridColumn>
                </mx:columns>
            </mx:DataGrid>
    </mx:VBox>
</mx:Application>