0 Replies Latest reply on Feb 14, 2012 1:12 AM by satyasuppu

    2 column in DataGrid row with invisible borders

    satyasuppu Level 1

      Could you help me on this issue.

       

      I am using below component to dispaly the UI part

       

       

      package

      com.sp.spApp.view.app.components

      {

      import mx.collections.ArrayCollection;

       

      public class GridRowData

      {

      public function GridRowData()

      {

      }

       

      public var align:String="left";

       

      public var backGroundColor:String;

       

      public var colSpan:int=1;

       

      public var wordWrap:Boolean=false;

      //two decimal point

       

      public var isRound:Boolean=false ;

       

       

      public var isOneDecimalRound:Boolean=false ;

       

      public var isZeroDecimalRound:Boolean=false ;

       

      public var itemList:ArrayCollection = new ArrayCollection();

       

      public var fontWeight:String="normal" ;

       

      public var firstBold:Boolean = false ;

       

      public var fontSize:int=0;

       

      }

      }

       

       

      /////////

       

       

       

       

       

       

       

       

       

      Using this code i am printing on the UI. 

       

      var

      dataList:ArrayCollection = new ArrayCollection();

       

      var gridRowData:GridRowData = new GridRowData();

      gridRowData.align =

      "center";

      gridRowData.fontWeight=

      "bold";

       

      var itemList:ArrayCollection = new ArrayCollection();

      itemList.addItem(

      "Market");

      itemList.addItem(

      "Price/90d perf");

      itemList.addItem(

      "Bnchmrk /90d perf");-----------3rd column

      itemList.addItem(

      "MDR");

      gridRowData.itemList =itemList;

      dataList.addItem(gridRowData);

       

      i am showing the data for  3rd column like 41.0 bps / -5.3%.

      I need to allign the "/" symbol.My application requirement is to split the column into 2 columns with invisible borders. This way for value like "41.0 bps / -5.3%" the first will contain "41.0 bps" and the second "/ -5.3%". .

      Could you please help me how to do this.

      Thanks in advance