8 Replies Latest reply on Nov 15, 2011 12:35 PM by asfgtyhrter

    Problem with s:Scroller and s:DataGrid

    asfgtyhrter

      Hi,

       

      Here a simple code with my problem :

       

      <s:Form width="50%">

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

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

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

                      <s:FormItem label="Address" width="100%">

                          <s:DataGrid width="100%" dataProvider="{new ArrayCollection()}">

                              <s:columns>

                                  <s:ArrayList>

                                      <s:GridColumn headerText="Step" dataField="step" />

                                      <s:GridColumn headerText="Name" dataField="name" />

                                      <s:GridColumn headerText="Date" dataField="date"/>

                                  </s:ArrayList>

                              </s:columns>

                          </s:DataGrid>

                      </s:FormItem>

                  </s:VGroup>

              </s:Group>

          </s:Scroller> 

      </s:Form>

       

      When I try to resize my window horizontally the DataGrid disappears. The horizontal scrollbar does not appear immediately.

       

       

      --

      Marie

        • 1. Re: Problem with s:Scroller and s:DataGrid
          tinylion_uk Level 2

          Try this

           

           

           

          Not testes though

           

           

           

          <s:Form width="50%">

           

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

           

                      <s:VGroup >

           

                          <s:FormItem label="Address" width="100%">

           

                              <s:DataGrid width="100%" dataProvider="{new ArrayCollection()}">

           

                                  <s:columns>

           

                                      <s:ArrayList>

           

                                          <s:GridColumn headerText="Step" dataField="step" />

           

                                          <s:GridColumn headerText="Name" dataField="name" />

           

                                          <s:GridColumn headerText="Date" dataField="date"/>

           

                                      </s:ArrayList>

           

                                  </s:columns>

           

                              </s:DataGrid>

           

                          </s:FormItem>

           

                      </s:VGroup>

           

              </s:Scroller> 

           

          </s:Form

          • 2. Re: Problem with s:Scroller and s:DataGrid
            asfgtyhrter Level 1

            Thanks for the reply.

             

            But unfortunetly that does not work (I try with HGroup instead of VGroup and does not work too).

            • 3. Re: Problem with s:Scroller and s:DataGrid
              kevinklin Adobe Employee

              What are you trying to accomplish? I wouldn't put anything between <s:Form> and <s:FormItem>.

              • 4. Re: Problem with s:Scroller and s:DataGrid
                asfgtyhrter Level 1

                I need to put a datagrid in a formitem, I don't understand where is the problem.

                 

                I resolved my problem by setting a minWidth to my view.

                • 5. Re: Problem with s:Scroller and s:DataGrid
                  kevinklin Adobe Employee

                  Does something like this not work?

                  <s:Form>
                      <s:FormItem label="address" width="100%">
                          <s:DataGrid width="100%">
                              <s:ArrayCollection>
                                  <s:DataItem key="1000" name="Abrasive" price="100.11" call="false"/>
                                  <s:DataItem key="1001" name="Brush" price="110.01" call="true"/>
                                  <s:DataItem key="1002" name="Clamp" price="120.02" call="false"/>
                                  <s:DataItem key="1003" name="Drill" price="130.03" call="true"/>
                              </s:ArrayCollection>
                              <s:columns>
                                  <s:ArrayList>
                                      <s:GridColumn headerText="Key" dataField="key" />
                                      <s:GridColumn headerText="Name" dataField="name" />
                                      <s:GridColumn headerText="rice" dataField="price"/>
                                  </s:ArrayList>
                              </s:columns>
                          </s:DataGrid>
                      </s:FormItem>
                  </s:Form>
                  
                  • 6. Re: Problem with s:Scroller and s:DataGrid
                    asfgtyhrter Level 1

                    It is not working

                    • 7. Re: Problem with s:Scroller and s:DataGrid
                      kevinklin Adobe Employee

                      Sorry, you're gonna have to be more specific about what you want it to look like(perhaps a screenshot?), and what is not working. The above should work to show a DataGrid as a FormItem.

                      • 8. Re: Problem with s:Scroller and s:DataGrid
                        asfgtyhrter Level 1

                        The problem is not showing a DataGrid as a FormItem.

                         

                        The problem is that the scrollbars are not working correctly when you resize the window.

                         

                        I resolved my problem using a minWidth for my view.