0 Replies Latest reply on Sep 24, 2012 6:39 PM by ScotterMonkey

    could not resolve <mx:DataGrid> to a component implementation

    ScotterMonkey Level 1

      I'm very new at this. Building a mobile app. Running the latest Flex/FlashBuilder (4.6). When I compile I get this error: "could not resolve <mx:DataGrid> to a component implementation". Here is my code:

       

      <?xml version="1.0" encoding="utf-8"?>

      <!-- dpcontrols/DataGridPassData.mxml -->

      <s:View xmlns:fx="http://ns.adobe.com/mxml/2009"

                          xmlns:s="library://ns.adobe.com/flex/spark"

                          xmlns:mx="library://ns.adobe.com/flex/mx"

       

                          title="Jobs List">

                <fx:Script>

                          <![CDATA[

                                    import mx.collections.*;

                                    private var DGArray:Array = [

                                              {Lease:'Bagby Heirs', Well:'1', Location:'Quitman', Customer:'Fair Oil Company', ScheduleDate:'2/23/2012', ServiceDate:'5/16/2012'},

                                              {Lease:'ITU', Well:'301', Location:'Ingram Trinity', Customer:'Southwest Operating, Inc.', ScheduleDate:'3/19/2012', ServiceDate:'4/25/2012'},

                                              {Lease:'ITU', Well:'81', Location:'ITU', Customer:'Southwest Operating, Inc.', ScheduleDate:'3/19/2012', ServiceDate:'4/25/2012'},

                                              {Lease:'Tolliver A', Well:'5', Location:'Turner Town', Customer:'SEDI', ScheduleDate:'4/16/2012', ServiceDate:'5/11/2012'},

                                              {Lease:'W R Cady', Well:'1', Location:'Coffield', Customer:'Green River Resource', ScheduleDate:'5/9/2012', ServiceDate:'4/10/2012'},

                                              {Lease:'Royal National Bar', Well:'2', Location:'Coffield', Customer:'Green River Resource', ScheduleDate:'5/9/2012', ServiceDate:'4/10/2012'},

                                              {Lease:'Pan American L', Well:'1', Location:'Chandler', Customer:'East Texas Oil & Gas', ScheduleDate:'5/14/2012', ServiceDate:'6/8/2012'},

                                              {Lease:'Paluxy B Sand', Well:'5', Location:'West Tyler', Customer:'Culver & Cain', ScheduleDate:'6/1/2012', ServiceDate:'5/25/2012'},

                                              {Lease:'Wh Pittman Hei', Well:'2', Location:'Quitman', Customer:'Southwest Operating, Inc.', ScheduleDate:'7/10/2012', ServiceDate:'6/18/2012'},

                                              {Lease:'Vivian Pruitt', Well:'1', Location:'Crow - Hwy 80M', Customer:'Buffco Productions, Inc.', ScheduleDate:'8/7/2012', ServiceDate:'8/29/2012'}

                                    ];

       

                                    [Bindable]

                                    public var initDG:ArrayList;

       

                                    //Initialize initDG ArrayList variable from the Array.

                                    //If you use this technique to process an HTTPService,

                                    //WebService, or RemoteObject result, use an ArrayCollection

                                    //rather than an ArrayList.

                                    public function initData():void {

                                              initDG=new ArrayList(DGArray);

                                    }

                          ]]>

                </fx:Script>

                <!--s:states>

                <s:State name="loginState"/>

                <s:State name="State1"/>

                </s:states-->

       

                <fx:Declarations>

       

                          <!-- Place non-visual elements (e.g., services, value objects) here -->

                            <fx:Component className="AlertMsgDay">

                                    <s:SkinnablePopUpContainer x="70" y="300">

                                              <s:TitleWindow title="Filtering" close="close()">

                                                        <s:VGroup horizontalAlign="center" paddingTop="8" paddingBottom="8" paddingLeft="8" paddingRight="8" gap="5" width="100%">

                                                                  <s:Label text="This button will filter jobs to show only TODAY."/>

                                                                  <s:Button label="OK" click="close()"/>

                                                        </s:VGroup>

                                              </s:TitleWindow>

                                    </s:SkinnablePopUpContainer>

                          </fx:Component>

       

                          <fx:Component className="AlertMsgWeek">

                                    <s:SkinnablePopUpContainer x="70" y="300">

                                              <s:TitleWindow title="Filtering" close="close()">

                                                        <s:VGroup horizontalAlign="center" paddingTop="8" paddingBottom="8" paddingLeft="8" paddingRight="8" gap="5" width="100%">

                                                                  <s:Label text="This button will filter jobs to show only THIS WEEK."/>

                                                                  <s:Button label="OK" click="close()"/>

                                                        </s:VGroup>

                                              </s:TitleWindow>

                                    </s:SkinnablePopUpContainer>

                          </fx:Component>

         

                </fx:Declarations>

       

                <s:BorderContainer x="10"  y="111" borderColor="#808080" cornerRadius="5" borderWeight="2" width="98%" height="369">

                          <s:Scroller width="100%" height="363" verticalScrollPolicy="on">

                                    <s:Group width="100%" height="100%">

       

       

                                              <mx:DataGrid id="myGrid" width="900" height="350" dataProvider="{initDG}" >  <<<< THE ERROR IS HERE

                                                        <mx:columns>

                                                                  <mx:DataGridColumn dataField="Lease" />

                                                                  <mx:DataGridColumn dataField="Well" />

                                                                  <mx:DataGridColumn dataField="Location" />

                                                                  <mx:DataGridColumn dataField="Customer" />

                                                                  <mx:DataGridColumn dataField="ScheduleDate" headerText="Schedule Date" />

                                                                  <mx:DataGridColumn dataField="ServiceDate" headerText="Service Date" />

                                                        </mx:columns>

                                              </mx:DataGrid>

       

                                    </s:Group>

                          </s:Scroller>

                </s:BorderContainer>

       

                <s:Label x="10" y="10" width="96" height="53" fontSize="24" text="Sort by:"

                                     verticalAlign="middle"/>

                <s:Button id="btn_show_today" x="104" y="11" width="105" height="53" label="Today"

                                      fontSize="13" fontWeight="bold" click="(new AlertMsgDay()).open(this, false);"/>

                <s:Button id="btn_show_week" x="216" y="11" width="105" height="53" label="Week"

                                      fontSize="13" fontWeight="bold" click="(new AlertMsgWeek()).open(this, false);"/>

                <s:Button x="348" y="10" width="184" height="53" label="Edit this Job" fontSize="18" click="navigator.pushView(views.JobFormView);"/>

      </s:View>