Mailing-List: contact users-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: users@flex.apache.org
Received-SPF: pass (athena.apache.org: domain of markzolotoy@gmail.com
 designates 209.85.220.182 as permitted sender)
MIME-Version: 1.0
In-Reply-To: 
 <CAPkkhmoodPjHdc-tRwZXrUupbMEoB7DXG2j5sJu8ECW9c8nH6A@mail.gmail.com>
References: 
 <CAKNADY0Kdh=caDs+=_bj1S0H-g-5sLQ7irO+gOKxE9jjjy3cGQ@mail.gmail.com>
	<CAPkkhmoodPjHdc-tRwZXrUupbMEoB7DXG2j5sJu8ECW9c8nH6A@mail.gmail.com>
Date: Wed, 17 Jul 2013 12:54:46 -0500
Message-ID: 
 <CAKNADY1CAbjzL0K2Tu9kBYZMSnZmDGF8dgV=S6cd97=n2YBgsQ@mail.gmail.com>
Subject: Re: Spark DataGrid rendererIsEditable
From: mark goldin <markzolotoy@gmail.com>
To: users <users@flex.apache.org>
Content-Type: multipart/alternative; boundary=bcaec51d2e5405bddd04e1b8ca44

--bcaec51d2e5405bddd04e1b8ca44
Content-Type: text/plain; charset=ISO-8859-1

After I removed rendererIsEditable my renderer works both ways - rendering
and editing. So, no more of that problem.


On Wed, Jul 17, 2013 at 12:29 PM, Jesse Ward-Karet <jwk@tanium.com> wrote:

> I wouldn't say this is the best coding style (not the way I do it anymore),
> but here is an old editable item renderer I created for a Spark list.
> You'll need to update it slightly to make it work with the data grid item
> renderer
>
> <?xml version="1.0" encoding="utf-8"?>
> <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
>                 xmlns:s="library://ns.adobe.com/flex/spark"
>                 xmlns:mx="library://ns.adobe.com/flex/mx"
>                 autoDrawBackground="true">
>
>     <fx:Script>
>         <![CDATA[
>             import mx.core.UIComponent;
>
>             import spark.components.supportClasses.ListBase;
>
>             [Bindable] private var editing:Boolean = false;
>             [Bindable] public var promptText:String = '';
>             [Bindable] public var restrict:String;
>             [Bindable] public var maxChars:int = 0;
>
>             [Bindable] private var labelText:String;
>
>             private function onChange(event:Event):void
>             {
>                 var oldValue:String = labelText;
>                 var list:ListBase = this.owner as ListBase;
>
>                 labelText = inputTxt.text;
>
>                 if (oldValue != labelText)
>                 {
>                     if ( data.hasOwnProperty('label') )
>                     {
>                         data.label = labelText;
>                     }
>                     else
>                     {
>                         data = labelText;
>                     }
>
>                     //dispatch the data update event
>
>                     list.dataProvider.setItemAt( data, itemIndex );
>
> list.dataProvider.itemUpdated(list.dataProvider.getItemAt(itemIndex));
>                 }
>                 editing = false;
>
>                 list.setFocus(); // make keyboard navigation work
>             }
>
>             public function doEdit(event:Event = null):void
>             {
>                 editing = true;
>                 inputTxt.text = data.hasOwnProperty('label') ? data.label :
> data as String;
>                 inputTxt.selectRange(0,inputTxt.text.length);
>                 inputTxt.setFocus();
>             }
>
>         ]]>
>     </fx:Script>
>     <s:Rect left="1" right="1" top="1" bottom="1" visible="{errorString !=
> '' &amp;&amp; !editing}">
>         <s:stroke>
>             <s:SolidColorStroke color="{getStyle('errorColor')}" weight="1"
> />
>         </s:stroke>
>     </s:Rect>
>
>     <s:Label id="labelDisplay"
>              doubleClickEnabled="true"
>              text="{labelText != '' ? labelText : promptText}"
>              fontStyle="{labelText != '' ? 'normal' : 'italic'}"
>              doubleClick="doEdit(event)"
>              visible="{!editing}"
>              top="7" bottom="5" left="5" right="3"/>
>
>     <s:TextInput id="inputTxt"
>                  visible="{editing}"
>                  focusOut="onChange(event)"
>                  enter="onChange(event)"
>                  restrict="{restrict}"
>                  maxChars="{maxChars}"
>                  top="2" bottom="2" left="2" right="2" minWidth="25"/>
>
> </s:ItemRenderer>
>
>
> On Wed, Jul 17, 2013 at 5:13 AM, mark goldin <markzolotoy@gmail.com>
> wrote:
>
> > I am trying to use an item renderer as an editor. Here is my renderer
> code.
> > <?xml version="1.0" encoding="utf-8"?>
> > <s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
> >   xmlns:s="library://ns.adobe.com/flex/spark"
> >   xmlns:mx="library://ns.adobe.com/flex/mx"
> >   xmlns:gridEditorClasses="spark.components.gridEditorClasses.*"
> >   >
> >  <fx:Script>
> > <![CDATA[
> > import spark.events.TextOperationEvent;
> > override public function set data(value:Object):void
> > {
> > super.data = value;
> > if (data)
> > {
> > Comment.text = data[column.dataField];
> > }
> > }
> >  protected function commentChange(event:TextOperationEvent):void
> > {
> > data[column.dataField] = event.target.text;
> > }
> >  ]]>
> > </fx:Script>
> >  <!--- The renderer's visual component. -->
> > <s:VGroup width="100%" gap="0" id="mainGroup">
> > <s:RichEditableText id="Comment" verticalAlign="top" paddingTop="10"
> > paddingBottom="10" width="100%" change="commentChange(event)"
> > fontSize="{column.grid.dataGrid.getStyle('fontSize')}" paddingLeft="10"
> > selectionHighlighting="whenFocused"/>
> > </s:VGroup>
> > </s:GridItemRenderer>
> >
> > What's happening is that as soon as I enter one character the editing
> > session is over and I need to click on the cell again to start editing
> > process.
> >
> > Thanks
> >
>

--bcaec51d2e5405bddd04e1b8ca44--