Datagrid rollover problem

<mx:AdvancedDataGrid id="myDatagrid" dataProvider="{DP}" rollOverColor="{0x0066FF,0x49FFAD}">
     <mx:groupedColumns>
        <mx:Array>
          <mx:AdvancedDataGridColumn itemRenderer="CustomComp" dataField="item" />
          <mx:AdvancedDataGridColumn itemRenderer="CustomComp" dataField="qty" />
        </mx:Array>
     </mx:groupedColumns>
   </mx:AdvancedDataGrid>          
Above Example,when i rollover in datagrid  lastcolor(0x49FFAD)  willbe get.but  I want Apply two colors for when i  rollover in datagrid...Any
example,Plz clarify...

rollOverColor doesn't accept multiple values by default, so you'll have to override it yourself.
or create a custom component for your item renderer, a custom canvas acting on rollOver would be a good bet
http://userflex.wordpress.com/2008/01/30/add-canvas-gradient/

Similar Messages

  • Major stroke and rollover problem.

    Major stroke and rollover problem.
    Muse5 CC
    On images I applied 6px inside stroke in rollover state.
    On rollover in both preview mode and browser previews the image moves from its top left corner and overlaps the stroke.
    Both when images are place inside a blank composition or anywhere basically.
    On the composition frame also 6pix stroke were applied.
    HELP!
    Three screengrabs to illustrate this issue.
    NORMAL STATE:
    ROLLOVER ON COMPOSITION
    ROLLOVER ON SINGLE IMAGE

    Can anybody from Adobe help with this???
    I have the exact same problem. Very annoing, i tried everything, but no solution...
    Please guys!!!

  • IE Rollover Problem in Frame

    I would appreciate assistance in resolving a rollover problem
    which exists only in all versions of IE but works fine in FF,
    Opera, Safari, and Chrome. You can see the page at
    http://www.moriel.org/Moriel_USA/Moriel_USA.html.
    This is a frameset where the rollover menu in the left
    sidebar automatically loads the page in the main section to the
    right. In IE it loads the rollover on the wrong line (1 below where
    it should be) but still correctly loads the page on the right.
    I'm sure I'm not the first to experience this but just can't
    seem to locate the solution. Any help would be much appreciated.
    Thanks!

    Pardon me for saying this but that is simply an awful way to
    make a website.
    It suffers from all of the usual disadvantages of frames
    (there is no reason
    at all for using them here), in addition to the fact that
    each rollover
    required an entirely new page to load in the central frame
    (i.e., long -
    LONG - delay).
    In addition, your use of Java on one of the pages ensures
    that a great many
    of your visitors will not see the contents there. That,
    combined with your
    use of an all javascript menu in the top navigation frame -
    <script type="text/javascript" language="JavaScript1.2"
    src="../Scripts/MainNav.js"></script>
    means that your site won't be spidered at all. Sorry - but I
    think your
    site layout architecture defeats the very purpose of the
    site.
    I don't see any rollover problem in IE7.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "NoHandleBars" <[email protected]> wrote in
    message
    news:gjirk2$hjp$[email protected]..
    >I would appreciate assistance in resolving a rollover
    problem which exists
    >only
    > in all versions of IE but works fine in FF, Opera,
    Safari, and Chrome. You
    > can
    > see the page at
    http://www.moriel.org/Moriel_USA/Moriel_USA.html.
    >
    > This is a frameset where the rollover menu in the left
    sidebar
    > automatically
    > loads the page in the main section to the right. In IE
    it loads the
    > rollover on
    > the wrong line (1 below where it should be) but still
    correctly loads the
    > page
    > on the right.
    >
    > I'm sure I'm not the first to experience this but just
    can't seem to
    > locate
    > the solution. Any help would be much appreciated.
    Thanks!
    >

  • Rollover problem with IE7

    http://www.mawson.com/street/courses.html
    The link above is my test page I'm working on. My rollovers
    are workin fine in IE6 and FireFox. It figures that with the new MS
    browser stuff stops working.
    The problem is that the rollovers seem very fussy. For
    example: I have rollovers on Courses & RiderCoaches. If you go
    to Couses the rollover show up, but when you move the mouse over to
    select the rollover it disapears. Can anyone help.
    I'm using CSS:
    http://www.mawson.com/street/main.css
    And javascript
    http://www.mawson.com/street/drop_down.js

    Any help would be great

  • Disjointed rollover problem

    Hi everyone.. I am trying to create a slideshow using
    disjointed rollovers. I have several (16 so far) thumbnail images
    and want to display fullsize images in one common area. The
    problem: as I add more images, the earlier ones become blocked from
    view. It appears to have something in front of it of the same size
    and shape as the images I'm using, and the same color as the
    background. The use of layers doesn't seem to make a difference.
    The more images I add, the more (earlier ones) become blocked.
    Anyone? Thanks in advance.

    Here is the URL: It's not ready to be live, so may be slow.
    Thanks for looking.
    http://www.so-fsbo.com/ss2.htm
    As for my method: I am open to suggestions for a better way
    to accomplish what is seen at link, above.
    But here is what I did. The exact method is (copied from
    Fireworks F1):
    To attach a disjoint rollover to a selected image:
    Choose Edit > Insert > Slice to attach a slice to the
    trigger image.
    Create a new frame by clicking the New/Duplicate Frame button
    in the Frames panel.
    Place a second image, to be used as the target, in the new
    frame in the desired location on the canvas. You can place the
    image anywhere other than beneath the slice you created in step 1.
    Select the image, and then choose Edit > Insert > Slice
    to attach a slice to the image.
    Select Frame 1 in the Frames panel to return to the frame
    that has the original image.
    Select the slice, hotspot, or button that covers the trigger
    area (the original image) and place the pointer over the behavior
    handle. The pointer changes into a hand.
    Drag the behavior handle for the trigger slice to the target
    slice you created in step 4.
    The behavior line extends from the center of the trigger to
    the upper left corner of the target slice, and the Swap Image
    dialog box opens.
    From the Swap Image From pop-up menu, select the frame you
    created in step 2, and click OK.
    Click the Preview tab to view and test the disjoint rollover.

  • DataGrid rendering problem

    I have an ApplicationControlBar above a data grid.  The data grid has widths specified and is bound to a data source that is populated by a service call.  The mark up below causes the description column to disappear and the header row is about 10 times taller than it should be.  If I put an empty label inside  the application bar it all loads as expected.  I tried putting an updateComplete handler on the grid but I found two problems.  Adding a trace to the method handler showed that it just kept firing over and over.  It also prevented resize of the grid columns.
    <mx:VBox 
    height="100%" width="80%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
    <mx:ApplicationControlBar width="100%" horizontalGap="0" id="docsAppBar">
    <mx:Button click="browseForDocs()"                  id="
    docsTabUploadButton"                  label="
    Upload Document"                  enabled="
    {MediaManagerModel.activateUploadButton}"/>
    </mx:ApplicationControlBar>       
    <mx:HBox width="100%" height="100%">
    <mx:DataGrid dataProvider="{tabMediaList}"                  id="
    docGrid"                   width="
    100%"                   height="
    100%"                  verticalGridLines="
    true"                   variableRowHeight="
    true"                   wordWrap="
    true"                   sortableColumns="
    false"                  editable="
    false"                  allowDragSelection="
    true"                   dragEnabled="
    true"                   dragMoveEnabled="
    true"                   dropEnabled="
    true"                  dragComplete="updateRowPositions()"
                      itemClick="updateCurrentMediaObject()"
    >
    <mx:columns>
    <mx:DataGridColumn width = "20" id="displayOrderCol" headerText="#"  dataField="displayOrder" labelFunction="MediaManagerModel.getMediaDisplayOrder"/>
    <mx:DataGridColumn width = "250" id="mediaNameCol" headerText="File Name" dataField="mediaName" />
    <mx:DataGridColumn width = "120" id="mediaTypeCol" headerText="Type"  dataField="mediaType" labelFunction="MediaManagerModel.getMediaTypeDisplay"/>
    <mx:DataGridColumn width = "60" id="buyerCol" headerText="Public" dataField="buyer" labelFunction="MediaManagerModel.getPublicDisplay" textAlign="center"/>
    <mx:DataGridColumn width = "50" id="mediaSizeCol" headerText="Size" dataField="mediaSize" labelFunction="MediaManagerModel.getMediaSizeDisplay" textAlign="center"/>
                           <mx:DataGridColumn width = "90" id="inputDateCol" headerText="Date Added" dataField="inputDate" labelFunction="MediaManagerModel.getMediaInputDateDisplay" textAlign="center"/>
                           <mx:DataGridColumn width= "240" id="mediaDescrCol" headerText="Description" dataField="mediaDescr" />                          
    </mx:columns>
               </mx:DataGrid>
         </mx:HBox>
         </mx:VBox> 
    If I add <mx:Label/> inside the ApplicationControlBar everything renders fine.  Any ideas? 

    How are you re-assigning the dataProvider from the
    RemoteObject result?
    Tracy

  • Datagrid Array Problem

    Hello to everyone who reads this. I've been on the forums
    over the past few days trying to track down my issue, but I cant
    seem to nail it down. I was hoping someone would have the time to
    help me out.
    Problem is this: Play list editor what all the information is
    stored in a mysql database. retrieving the information and passing
    it to flex and working with it in data grids has been relatively
    smooth. The problem happens when I attempt to drag files onto the
    playlist. It seems the information being passed is an array 'items'
    as it states in the docs, but in each array is xml associated with
    the file.
    ex:
    <file>
    <FK_File>752</FK_File>
    <filename>01 Summertime.mp3</filename>
    <filePath>/home/public/data/audio/Internal HDD-CORE
    (sda1) [42]/Various Artists/Summertime</filePath>
    <pic>
    http://dcerouter/pluto-admin/mediapics/5153_tn.jpg</pic>
    <Title>Summertime</Title>
    <genre PK_Attribute="73">Funk</genre>
    <performer PK_Attribute="308">Ohio
    Players</performer>
    <ReleaseDate
    PK_Attribute="229">2005</ReleaseDate>
    <Album PK_Attribute="311">Summertime</Album>
    <Track PK_Attribute="72">1</Track>
    </file>
    <file>
    <FK_File>1426</FK_File>
    <filename>02 Fantasy.mp3</filename>
    <filePath>/home/public/data/audio/Internal HDD-CORE
    (sda1) [42]/Earth, Wind &amp; Fire/Earth Wind &amp;
    Fire</filePath>
    <pic>
    http://dcerouter/pluto-admin/mediapics/270_tn.jpg</pic>
    <Title>Fantasy</Title>
    <genre PK_Attribute="73">Funk</genre>
    <performer PK_Attribute="762">Earth Wind &amp;amp;
    Fire</performer>
    <ReleaseDate
    PK_Attribute="765">1978</ReleaseDate>
    <Album PK_Attribute="766">Earth Wind &amp;amp;
    Fire</Album>
    <Track PK_Attribute="151">2</Track>
    </file>
    <file>
    <FK_File>1974</FK_File>
    <filename>02 Give Up The Funk (Tear The Roof Off The
    Sucker).mp3</filename>
    <filePath>/home/public/data/audio/Internal HDD-CORE
    (sda1) [42]/Parliament/Tear The Roof Off 1974-1980 (Disc
    2)</filePath>
    <pic>
    http://dcerouter/pluto-admin/mediapics/_tn.jpg</pic>
    <Title>Give Up The Funk (Tear The Roof Off The
    Sucker)</Title>
    <genre PK_Attribute="73">Funk</genre>
    <performer
    PK_Attribute="1150">Parliament</performer>
    <ReleaseDate
    PK_Attribute="731">1976</ReleaseDate>
    <Album PK_Attribute="1153">Tear The Roof Off 1974-1980
    (Disc 2)</Album>
    <Track PK_Attribute="151">2</Track>
    </file>
    Im assuming the comma separation from each child 'file',
    denotes the items are stored as an array. i don't know if i should
    attempt to send them back to php for processing of if im doing
    something wrong to begin with that the data comes out that way.
    Thanks in advance for any responses or insights.

    I'm not sure there is a proper way to do anything ( who
    decides this anyhow :) ) ....I guess it depends on what your doing
    and how efficient it is and whether it needs to scale to a massive
    system or not..otherwise if it works ...it works !
    I dont actually use php on the server side, i use java remote
    objects. and they return java collections...which i then cast to
    arraycollection in flex and access it that way...I'm not sure what
    the php equivalent is, some sort of array (cohesive ??) as you
    mentioned. I really like the way java and flex co-exist on the
    server & client. If i make a .as class for an object in flex, I
    then make the equivalent java class on the server so I can store it
    in the DB
    and do the CRUD stuff. I use keys a lot too, so i find my
    datagrids in flex often need itemrenderers / comboboxes to be able
    to choose the key values as options , so the combo items come
    straight out the DB too..anyway you get the gist..it sounds like
    your doing similar. I have done a little php before and I really
    liked how little code was required to do stuff. I think for me,
    I've done a bit of java before so its easier just to stay with what
    you know..glad you sorted it out yourself too.

  • DataGrid display problem

    Hi,
    I've given specific height to my grid, i've lots of records
    in the grid. Say, my given height to the grid display 5 records at
    a time. The problem is the partial of six record has also coming
    beneth the grid! Even I use grid.invalidateDisplayList method, it
    also coming at the beneath of the grid! and when i'm scrolling the
    grid, that last record of the present display list, still making
    some very visual disturbment!
    Any workrout around..? Any help!
    Thanks,
    ASB

    You need to define your datagrid columns with the dateField
    property appropriately set. Also, ArrayCollection is not something
    that you use as a child of the DataGrid tag. Use the following
    code, It works as per your requirement.
    <?xml version="1.0"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml">
    <mx:DataGrid width="500" dataProvider="{myarr}">
    <mx:columns>
    <mx:DataGridColumn dataField="id"/>
    <mx:DataGridColumn dataField="name"/>
    </mx:columns>
    </mx:DataGrid>
    <mx:ArrayCollection id="myarr">
    <mx:Object>
    <mx:id>123456789123456789</mx:id>
    <mx:name>Peter</mx:name>
    </mx:Object>
    <mx:Object>
    <mx:id>123456789012345678</mx:id>
    <mx:name>Kristina</mx:name>
    </mx:Object>
    </mx:ArrayCollection>
    </mx:Application>
    Thanks
    Harish

  • Datagrid scrolling problem

    I'm trying to create a contact search/selection component
    that works somewhat like a combobox (more like SuperComboBox
    http://blog.strikefish.com/blog/index.cfm/2008/3/21/Flex-Smart-Combo-aka-look-ahead-combo
    See sample at
    http://www.eval.rmc.psu.edu/dgt/DataGridTest.html
    Source view is enabled.
    Basically, after the user types a few characters of the last
    name, a datagrid (separate component) is popped up and presents a
    list of matching contacts. The component includes view edit add
    buttons, too (which are not active in the included example).
    This all works great except for a couple of problems with the
    popped up datagrid. I've tried both the standard and advanced dg's
    and the both act the same.
    If the number of rows returned exceeds the area of the
    datagrid (12 rows in the example), the datagrid, as expected,
    displays a vertical scroll bar. The scrollbar/datagrid doesn't work
    properly at that point, though. Clicking the down arrow or in the
    scrollbar track or the down arrow DOES NOT scroll the data.
    Grabbing the slider bar and dragging it down DOES scroll the data
    down. However, when I do scroll down using the slider, clicking on
    a row does not fire the itemClick event, and the grid scrolls up to
    the first 12 lines and highlights a row in the first 12 rows. CLICK
    does get fired but always returns a row between 1 and 12.
    Now, ideally, the user is going to type 3 or 4 characters of
    the last name and zero right in on the contact they're looking for
    without the need for scrolling, but there are always the outliers
    like 'Smith' that return a large number hits (the example uses PA
    Legislators offices, so it's not quite representative of the
    end-use data set). Regardless, the datagrid object doesn't appear
    to work correctly when it's a component -- I'm not sure if it's a
    bona fide bug, or the whether it's that the grid is a component,
    contained in a canvas, or being popped up that's the problem. More
    likely, my flex newbie self just doesn't have some vital attribute
    set correctly, or I'm doing something else that's not correct.
    Any insights would be greatly appreciated.
    Thanks,
    want-a-dw
    Sample code included.
    Windows XP SP2
    Flex Builder 3.0.205647
    Same results with these browsers/player versions.
    Firefox 2.0.0.17, Flash Player 9.0.124.0 (and 9.0.115.0)
    IE 6.0.2900.2180, Flash Player 9.0.124.0 (and 9.0.115.0)
    Chrome 0.2.149.30, Flash Player 9.0.124.0

    > That is definitely incorrect behavior.
    > Does this happen in a simple test app? I think I have an
    example I can try with, I will post back what I find.
    Yes. There is an example of the behavior at
    http://www.eval.rmc.psu.edu/dgt/DataGridTest.html
    and source code view is enabled. Thanks for your help.

  • Datagrid refresh problem?

    fileListArray.refresh();
    dg_curtainmanager.invalidateList();
    dg_curtainmanager.invalidateDisplayList();
    <mx:DataGrid id="dg_curtainmanager" showHeaders="true"  editable="true"  includeInLayout="false" dataProvider="{fileListArray}"  creationComplete=""  variableRowHeight="true"   wordWrap="true"  rowCount="{fileListArray.length}"  width="100%"  >
    <mx:DataGridColumn  headerText="Parent Folder"  sortable="true"  editable="false"   width="250" minWidth="65" wordWrap="true" >
                            <mx:itemRenderer>
                                <fx:Component>
                                    <mx:HBox width="100%"
                                             horizontalAlign="left" verticalAlign="middle">
                              <mx:Image source="@Embed(source='images/edit_16.gif')"  toolTip="Select Starting Folder" buttonMode="true" click="outerDocument.parentfolderimagclick()" />
                                        <mx:Label text="{data.document_folder_name}" color="black" />   
                                    </mx:HBox>
                                </fx:Component>
                            </mx:itemRenderer>
                            </mx:DataGridColumn>
    </mx:DataGrid>

    @welcomecan,
    What refresh problem you are facing.. in DataGrid? When you change your DataProvider for your grid the values are not being changed or somethingelse..??
    Please always be clear in explaining your problem in order to get it resolved..
    Thanks,
    Bhasker

  • Datagrid Autoscroll Problem.

    Hi,
         I need one urgent help. I have a datagrid with lot of item renderers. While my datagrid has verticalscroll bar, i have one problem.
    while i click on an any row it autoscrolls itself to first row. I don't want it to autoscroll in this manner, because it affects my itemrenderer behaviour.
    Thanks,
    moorthi.

    Hi,
         Thanks to reply me.
         I am useing flex 3.5 Mx datagrid. i am using different item renderers in all columns. while i click on any row that will set as first row in datagrid.
    I am sure that is a defult behavior of Mx.Datagrid. Because i didn't do that in my code.
         If anyone faced this probelm, please reply.

  • DataGrid Refreshing Problem

    Hi All,
    First let me explain my problem clearly.I am facing the
    problem with refreshing datagrid for add,update,delete operations.
    For adding task(todo app) i am using another mxml
    component(PopUpwindow).when i do add,delete or update, changes are
    happening
    in database pakka and fine.There is no error in that.Only
    problem is when i add or delete or update a task, datagrid has to
    get refresh with the updated or new data.Then only from ui
    user will know that he added a task or deleted a task etc right.
    sometimes it's refreshing fine and sometimes not.If it
    doesn't refresh at all times i can think of my logic.But if it's
    happening sometimes and sometimes not.
    after add or delete or update am using below 5 lines of code
    to refresh datagrid.
    getList.send(); //sending request again to load new data
    using httpservice.
    datagrid.dataProvider = resultList; //resultList is
    bindabale ArrayCollection variable.
    resultList.refresh(); //this line not all giving any
    changes.i think it's not working
    datagrid.validateDisplayList();
    datagrid.validateNow();
    Thnaks & Regards,
    premadas.

    Hey harsha,
    the following code i'm using for deleting a task.
    <mx:HTTPService id="getTodo" url="
    http://dev.edinc.in:8080/poc/ToDo/GetToDo.jsp"
    result="resultHandler(event)"/>
    private function delTask():void
    delTodo.cancel();
    delTodo.send(delData);
    getTodo.send();
    deltaskname.text = "";
    deltaskdate.selectedDate = new Date();
    deltaskcategory.selectedIndex = -1;
    deltaskpriority.selectedIndex = -1;
    deltaskstatus.selectedIndex = -1;
    Anything i need to apply here.
    Thanks & Regards,
    Premdas.

  • DataGrid Header Problem

    Dear All,
    I have some problem with accessing DataGrid HeaderText, When one column is visable false.
    "Click on column content and the code will show col # and header name. Do the same After Hide Colun  is clicked"
    Please check the following code
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            import mx.controls.listClasses.BaseListData;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.dataGridClasses.DataGridItemRenderer;
            import mx.events.ListEvent;
            import mx.controls.*;
            function grd_click(e:ListEvent):void{
                    var icol:int = e.columnIndex;
                    var column:DataGridColumn = DataGridColumn(grid1.columns[icol]);
                    var headerTxt:String = column.headerText;
                    Alert.show("Header text = " + headerTxt)
            function hideCol(index:int):void{
                  var c:DataGridColumn = DataGridColumn(grid1.columns[index]);
                  c.visible = false;  
            var items:Array = [
                {name:"vlad",lname:"collak"},
        ]]>
    </mx:Script>
        <!--<mx:DataGrid x="90" y="99" itemClick="test(event)" id="grid1" dataProvider="{items}">-->
        <mx:DataGrid x="90" y="99" itemClick="grd_click(event)" id="grid1" dataProvider="{items}">
            <mx:columns>
                <mx:DataGridColumn headerText="Column 1" dataField="name"/>
                <mx:DataGridColumn headerText="Column 2" dataField="lname"/>          
            </mx:columns>
        </mx:DataGrid>
        <mx:Button x="90" y="262" label="Hide Column" click="hideCol(0)"/>
        <mx:Label x="90" y="56" text="Click on column content and the code will show col # and header name. Do the same After Hide Colun  is clicked" width="642" height="35"/>
    </mx:Application>
    Regards,
    Sri

    I think the column still exists even if you set its visibility to false. You could try something like this
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
        <mx:Script>
        <![CDATA[
            import mx.controls.listClasses.BaseListData;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.dataGridClasses.DataGridItemRenderer;
            import mx.events.ListEvent;
            import mx.controls.*;
            private function grd_click(e:ListEvent):void{
                    var icol:int = e.columnIndex;
                    var column:DataGridColumn = DataGridColumn(grid1.columns[icol]);
                    var headerTxt:String = column.headerText;
                    Alert.show("Header text = " + headerTxt)
            private function hideCol(index:int):void{
              if(index == 0)
                  grid1.columns = [column1];
              else
                  grid1.columns = [column2];
            [Bindable]private var items:Array = [
                {name:"vlad",lname:"collak"},
        ]]>
    </mx:Script>
        <mx:DataGrid x="90" y="99" itemClick="grd_click(event)" id="grid1" dataProvider="{items}">
            <mx:columns>
                <mx:DataGridColumn id="column1" headerText="Column 1" dataField="name" />
                <mx:DataGridColumn id="column2" headerText="Column 2" dataField="lname"/>         
            </mx:columns>
        </mx:DataGrid>
        <mx:Button x="90" y="262" label="Hide Column" click="hideCol(0)"/>
        <mx:Label x="90" y="56" text="Click on column content and the code will show col # and header name. Do the same After Hide Colun  is clicked" width="642" height="35"/>
    </mx:Application>

  • Datagrid scrolling problem when different items are in the same column

    I have a datagrid which I am populating with different items (LinkButtons, Images, Labels). However when there are different types of items in the same column and when i try to scroll everything gets messed up (Images get overlapped with each other or the labels get overlapped with images).
    I am overloading the "IDropInListItemRenderer" to create different types of items in each cell and I am overloding the "updateDisplayList" function
    Any ideas as to why the items get messed up during scrolling? Is there some other preperty of IDropInListItemRenderer that should be overloaded?

    Hi Subeesh Arakkan,
    Thanks. This is the exact problem that I have. Althought my overloaded functions are a little different and Im trying to resolve it. But htis is a good lead.
    Thanks,
    Prashanth

  • Simple DataGrid validation Problem

    hi friends
                   I am working on a application in which i  m facing a problem.i have a datagrid having two column field one is simple datagrid column and in other  datagrid column i render textinput as a component. there are only two row in my datagrid.so now i have to apply validation on that data grid.i mean if any textinput componet which is render in second column in data grid left blank and i click on save button then there should be validation Alert messg.
    i am facing a problem on gettin id(instance) of that two rendered textinput component.Please help me out.
    Thanks and Regards
       Vineet Osho

    Hi Vineet Osho,
    You can try this...
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
        >
        <mx:Script>
            <![CDATA[
             import mx.utils.StringUtil;
             import mx.collections.ArrayCollection;
                import mx.controls.TextInput;
                import mx.events.DataGridEvent;
                import mx.controls.Alert;
                public var arr:Array = [];
                public  var incrementer:int;
                private function validateTextInputs():void
                 var strIndexes:String="";
                 var gridDP:ArrayCollection = dataGrid.dataProvider as ArrayCollection;
                 for(var i:int=0;i<gridDP.length;i++)
                  if(StringUtil.trim(gridDP.getItemAt(i).displayText) == "")
                   strIndexes += (i + 1) + ",";
                 if(strIndexes.length > 0)
                  strIndexes = strIndexes.substring(0,strIndexes.length-1);
                  Alert.show("The TextInputs " + strIndexes + " are empty.");
            ]]>
        </mx:Script>
        <mx:DataGrid id="dataGrid" horizontalCenter="0" verticalCenter="0" width="400" height="200">
            <mx:columns>
                <mx:DataGridColumn headerText="First" width="60" dataField="artist" editable="false"/>
                 <mx:DataGridColumn   width = "60" headerText = "Premium %(e.g. Percentage as 100)" >
                       <mx:itemRenderer>
                            <mx:Component>
                                 <mx:TextInput styleName="TextInputRight" focusOut="data.displayText=this.text;" width="100" text="{data.displayText}">
                                 </mx:TextInput>
                            </mx:Component>
                        </mx:itemRenderer>
                  </mx:DataGridColumn>
           </mx:columns> 
                  <mx:dataProvider>
                    <mx:ArrayCollection>
                      <mx:Array>
                        <mx:Object title="Stairway to Heaven" artist="Led Zepplin" displayText=""/>
                        <mx:Object title="How to Save a Life" artist="Fray" displayText=""/>
                      </mx:Array>
                    </mx:ArrayCollection>
                  </mx:dataProvider>
          </mx:DataGrid> 
          <mx:Button id="btn" label="click"  x="527" y="450" click="validateTextInputs()" />
    </mx:Application>
    Thanks,
    Bhasker

Maybe you are looking for