[jira] [Commented] (FLEX-34404) Assigning MobileGrid columns dynamically displays overlapped text

["Deepak MS (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/FLEX-34404?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14058681#comment-14058681 ] 

Deepak MS commented on FLEX-34404:
----------------------------------

Hi Maurice,
Is there any workaround for this which I can try out? I tried assigning the dataprovider and columns value directly without binding. That too didn't seem to work.

> Assigning MobileGrid columns dynamically displays overlapped text
> -----------------------------------------------------------------
>
>                 Key: FLEX-34404
>                 URL: https://issues.apache.org/jira/browse/FLEX-34404
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Mobile: DataGrid
>    Affects Versions: Apache Flex 4.12.0, Apache Flex 4.12.1
>            Reporter: Deepak MS
>            Assignee: Maurice Amsellem
>
> Basically, I am calling a query which gives me a result set(ArrayCollection). Based on the columns I receive in this AC, I am dynamically creating MobileGridColumns and storing this a model's array variable. This variable is binded to MobileGrid's columns property in my view.
> I created a simple case
> below:
> <?xml version="1.0" encoding="utf-8"?>
> <s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
>         xmlns:s="library://ns.adobe.com/flex/spark" title="Home" xmlns:ns="
> http://flex.apache.org/experimental/ns"
> creationComplete="view1_creationCompleteHandler(event)">
>     <s:layout>
>         <s:VerticalLayout verticalAlign="top" horizontalAlign="left"/>
>     </s:layout>
>     <fx:Declarations>
>     </fx:Declarations>
>     <fx:Script>
>         <![CDATA[
>             import mx.collections.ArrayCollection;
>             import mx.events.FlexEvent;
>             import spark.components.supportClasses.MobileGridColumn;
>             private var serviceData:ArrayCollection = new ArrayCollection([
>                 {geo:'Geo1', sales:123342, target:12324},
>                 {geo:'Geo2', sales:3423342, target:384324},
>                 {geo:'Geo3', sales:3234342, target:12324},
>                 {geo:'Geo4', sales:673342, target:34324},
>                 {geo:'Geo5', sales:853342, target:72324},
>             ]);
>             [Bindable]private var dp:ArrayCollection = new ArrayCollection();
>             [Bindable]private var cols:Array = [];
>             protected function
> view1_creationCompleteHandler(event:FlexEvent):void
>             {
>                 var newCols:Array = [];
>                 if(serviceData.length > 0)
>                 {
>                     for(var colName:String in serviceData[0])
>                     {
>                         var mgc:MobileGridColumn = new MobileGridColumn();
>                         mgc.dataField = colName;
>                         mgc.width = 300;
>                         newCols.push(mgc);
>                     }
>                     cols = newCols;
>                 }
>                 for each(var item:Object in serviceData)
>                 {
>                     dp.addItem(item);
>                 }
>             }
>         ]]>
>     </fx:Script>
>     <ns:MobileGrid width="100%" height="100%" dataProvider="{dp}"
> columns="{cols}"/>
> </s:View>



--
This message was sent by Atlassian JIRA
(v6.2#6252)