Средство визуализации элементов ActionScript в DataGrid - PullRequest
Новая
       25

Средство визуализации элементов ActionScript в DataGrid

1 голос
/ 18 октября 2011

Я использую этот пример из blog.flexexamples.com .

У меня есть сетка данных и я пытаюсь динамически добавить кнопку в один из столбцов сетки данных.Но я хочу, чтобы эта кнопка как ItemRenderer была написана на ActionScript, а не на MXML.

Как я могу это сделать?

Спасибо

Ответы [ 2 ]

2 голосов
/ 18 октября 2011

Я думаю, это то, что вам нужно.

ActionButtonItemRenderer.as : 

package
{
    import flash.events.MouseEvent;

    import mx.controls.Alert;
    import mx.controls.Button;
    import mx.controls.listClasses.IDropInListItemRenderer;
    import mx.controls.listClasses.IListItemRenderer;
    import mx.core.IFlexDisplayObject;

    public class ActionButtonItemRenderer extends Button implements IFlexDisplayObject, IListItemRenderer, IDropInListItemRenderer
    {
        public var btn:Button;
        public function ActionButtonItemRenderer()
        {
            super();
            btn = new Button();
            btn.label = "Take Action";
            btn.addEventListener(MouseEvent.CLICK,clickHandler);
            btn.visible = btn.includeInLayout = true;

        }

        override protected function clickHandler(event:MouseEvent):void
        {
            super.clickHandler(event);
            Alert.show("Button clicked");

        }
    }
}

DynamicDataGridButton.mxml: 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">
    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Add column" click="init();" />
    </mx:ApplicationControlBar>
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var arr:ArrayCollection = new ArrayCollection
                (
                    [
                        {fname:'A',lname:'B'},
                        {fname:'C',lname:'B'},
                        {fname:'D',lname:'B'}
                    ]           
                );

            private function addDataGridColumn(dataField:String):void {
                var dgc:DataGridColumn = new DataGridColumn(dataField);
                dgc.itemRenderer = new ClassFactory(ActionButtonItemRenderer);
                var cols:Array = dg.columns;
                cols.push(dgc);
                dg.columns = cols;
            }

            private function init():void {
                addDataGridColumn("Details");
            }
        ]]>
    </mx:Script>
    <mx:DataGrid id="dg" dataProvider="{arr}">
        <mx:columns>
            <mx:DataGridColumn id="dgc1" dataField="fname" headerText="First Name" 
                               width="75"/>
            <mx:DataGridColumn id="dgc2" dataField="lname" headerText=" Last Name" 
                               width="150"/>

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

</mx:Application>
0 голосов
/ 18 октября 2011

Чтобы динамически создать кнопку в синтаксисе AS3, вы должны сделать это: 

var button:Button = new Button();

Затем, после того как вы создали кнопку, вы можете установить ее свойства следующим образом: 

button.label = "Click Me!";

И, наконец, вы добавите его к одному из ваших предметов как таковому: 

var dp:Array = [{label: "Button 1", button: button},{label: "Button 2", button: button}];
myDg.dataProvider = dp;

Тогда вы бы подали его в свою сетку данных, которая выложена так: 

<mx:DataGrid id="myDG" variableRowHeight="true">
  <mx:columns>
    <mx:DataGridColumn dataField="label" headerText="Labels"/>
    <mx:DataGridColumn dataField="button" headerText="Buttons"/>
  </mx:columns>
</mx:DataGrid>

Не уверен, что это действительно сработает, но вам может понадобиться кнопка itemRenderer на весь столбец, например в этом примере .

...