You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Jack Ring <ja...@gmail.com> on 2014/08/06 19:06:36 UTC
Spark Datagrid row and column lines disappear?
Does anyone know how I can fix / avoid this...
I'm working with Apache Flex 4.11.0 and targeting AIR 4.0
My Spark Datagrid row and column lines disappear along with the vertical
scrollbar.
Try this...
Load a large enough dataset so that a vertical scrollbar appears
Move the vertical scrollbar down slightly
Clear the dataset and see the row and column lines disappear along with the
vertical scrollbar.
Thanks in advance,
Jack Ring
Run the following code to see the behavior...
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
>
<s:layout>
<s:VerticalLayout gap="20" />
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
protected function testDg_creationCompleteHandler(event:FlexEvent):void
{
testDg.scroller.verticalScrollBar.value =
testDg.scroller.verticalScrollBar.maximum;
}
protected function button1_clickHandler(event:MouseEvent):void
{
testDg.dataProvider.removeAll();
}
]]>
</fx:Script>
<s:DataGrid
id="testDg"
requestedRowCount="4"
creationComplete="testDg_creationCompleteHandler(event)"
>
<s:dataProvider>
<s:ArrayList>
<fx:Object colOne="kjhadf" colTwo="ewr" colThree="sdf" colFour="xcb" />
<fx:Object colOne="fds" colTwo="sfg" colThree="xvc" colFour="vxb" />
<fx:Object colOne="fgggd" colTwo="dfgb" colThree="xbv" colFour="cvb" />
<fx:Object colOne="fgh" colTwo="fgh" colThree="yui" colFour="ytu" />
<fx:Object colOne="xbvb" colTwo="vbn" colThree="bmn" colFour="nnm" />
</s:ArrayList>
</s:dataProvider>
<s:columns>
<s:ArrayList>
<s:GridColumn headerText="1" dataField="colOne" />
<s:GridColumn headerText="2" dataField="colTwo" />
<s:GridColumn headerText="3" dataField="colThree" />
<s:GridColumn headerText="4" dataField="colFour" />
</s:ArrayList>
</s:columns>
</s:DataGrid>
<s:Button label="#1 Clear Data" click="button1_clickHandler(event)" />
</s:WindowedApplication>
Re: Spark Datagrid row and column lines disappear?
Posted by Jack Ring <ja...@gmail.com>.
Correction.
It's still happening in version 4.13.0
Although it shows as fixed in the example code... I still see it happening
in practice. I guess I need to devise another test that shows it happening.
Has anyone else seen this behavior? If so... What did you do to remedy it?
Jack
On Wed, Aug 6, 2014 at 2:40 PM, Jack Ring <ja...@gmail.com> wrote:
> I found that this is fixed in Apache Flex SDK 4.13.0
>
> Thanks
>
>
> On Wed, Aug 6, 2014 at 1:06 PM, Jack Ring <ja...@gmail.com> wrote:
>
>> Does anyone know how I can fix / avoid this...
>>
>> I'm working with Apache Flex 4.11.0 and targeting AIR 4.0
>>
>> My Spark Datagrid row and column lines disappear along with the vertical
>> scrollbar.
>>
>> Try this...
>> Load a large enough dataset so that a vertical scrollbar appears
>> Move the vertical scrollbar down slightly
>> Clear the dataset and see the row and column lines disappear along with
>> the vertical scrollbar.
>>
>> Thanks in advance,
>>
>> Jack Ring
>>
>>
>> Run the following code to see the behavior...
>>
>> <?xml version="1.0" encoding="utf-8"?>
>>
>> <s:WindowedApplication
>>
>> xmlns:fx="http://ns.adobe.com/mxml/2009"
>>
>> xmlns:s="library://ns.adobe.com/flex/spark"
>>
>> xmlns:mx="library://ns.adobe.com/flex/mx"
>>
>> >
>>
>>
>> <s:layout>
>>
>> <s:VerticalLayout gap="20" />
>>
>> </s:layout>
>>
>>
>> <fx:Script>
>>
>> <![CDATA[
>>
>> import mx.events.FlexEvent;
>>
>> protected function testDg_creationCompleteHandler(event:FlexEvent):
>> void
>>
>> {
>>
>> testDg.scroller.verticalScrollBar.value =
>> testDg.scroller.verticalScrollBar.maximum;
>>
>> }
>>
>> protected function button1_clickHandler(event:MouseEvent):void
>>
>> {
>>
>> testDg.dataProvider.removeAll();
>>
>> }
>>
>> ]]>
>>
>> </fx:Script>
>>
>>
>> <s:DataGrid
>>
>> id="testDg"
>>
>> requestedRowCount="4"
>>
>> creationComplete="testDg_creationCompleteHandler(event)"
>>
>> >
>>
>> <s:dataProvider>
>>
>> <s:ArrayList>
>>
>> <fx:Object colOne="kjhadf" colTwo="ewr" colThree="sdf" colFour="xcb" />
>>
>> <fx:Object colOne="fds" colTwo="sfg" colThree="xvc" colFour="vxb" />
>>
>> <fx:Object colOne="fgggd" colTwo="dfgb" colThree="xbv" colFour="cvb" />
>>
>> <fx:Object colOne="fgh" colTwo="fgh" colThree="yui" colFour="ytu" />
>>
>> <fx:Object colOne="xbvb" colTwo="vbn" colThree="bmn" colFour="nnm" />
>>
>> </s:ArrayList>
>>
>> </s:dataProvider>
>>
>> <s:columns>
>>
>> <s:ArrayList>
>>
>> <s:GridColumn headerText="1" dataField="colOne" />
>>
>> <s:GridColumn headerText="2" dataField="colTwo" />
>>
>> <s:GridColumn headerText="3" dataField="colThree" />
>>
>> <s:GridColumn headerText="4" dataField="colFour" />
>>
>> </s:ArrayList>
>>
>> </s:columns>
>>
>> </s:DataGrid>
>>
>> <s:Button label="#1 Clear Data" click="button1_clickHandler(event)" />
>>
>> </s:WindowedApplication>
>>
>
>
Re: Spark Datagrid row and column lines disappear?
Posted by Jack Ring <ja...@gmail.com>.
I found that this is fixed in Apache Flex SDK 4.13.0
Thanks
On Wed, Aug 6, 2014 at 1:06 PM, Jack Ring <ja...@gmail.com> wrote:
> Does anyone know how I can fix / avoid this...
>
> I'm working with Apache Flex 4.11.0 and targeting AIR 4.0
>
> My Spark Datagrid row and column lines disappear along with the vertical
> scrollbar.
>
> Try this...
> Load a large enough dataset so that a vertical scrollbar appears
> Move the vertical scrollbar down slightly
> Clear the dataset and see the row and column lines disappear along with
> the vertical scrollbar.
>
> Thanks in advance,
>
> Jack Ring
>
>
> Run the following code to see the behavior...
>
> <?xml version="1.0" encoding="utf-8"?>
>
> <s:WindowedApplication
>
> xmlns:fx="http://ns.adobe.com/mxml/2009"
>
> xmlns:s="library://ns.adobe.com/flex/spark"
>
> xmlns:mx="library://ns.adobe.com/flex/mx"
>
> >
>
>
> <s:layout>
>
> <s:VerticalLayout gap="20" />
>
> </s:layout>
>
>
> <fx:Script>
>
> <![CDATA[
>
> import mx.events.FlexEvent;
>
> protected function testDg_creationCompleteHandler(event:FlexEvent):void
>
> {
>
> testDg.scroller.verticalScrollBar.value =
> testDg.scroller.verticalScrollBar.maximum;
>
> }
>
> protected function button1_clickHandler(event:MouseEvent):void
>
> {
>
> testDg.dataProvider.removeAll();
>
> }
>
> ]]>
>
> </fx:Script>
>
>
> <s:DataGrid
>
> id="testDg"
>
> requestedRowCount="4"
>
> creationComplete="testDg_creationCompleteHandler(event)"
>
> >
>
> <s:dataProvider>
>
> <s:ArrayList>
>
> <fx:Object colOne="kjhadf" colTwo="ewr" colThree="sdf" colFour="xcb" />
>
> <fx:Object colOne="fds" colTwo="sfg" colThree="xvc" colFour="vxb" />
>
> <fx:Object colOne="fgggd" colTwo="dfgb" colThree="xbv" colFour="cvb" />
>
> <fx:Object colOne="fgh" colTwo="fgh" colThree="yui" colFour="ytu" />
>
> <fx:Object colOne="xbvb" colTwo="vbn" colThree="bmn" colFour="nnm" />
>
> </s:ArrayList>
>
> </s:dataProvider>
>
> <s:columns>
>
> <s:ArrayList>
>
> <s:GridColumn headerText="1" dataField="colOne" />
>
> <s:GridColumn headerText="2" dataField="colTwo" />
>
> <s:GridColumn headerText="3" dataField="colThree" />
>
> <s:GridColumn headerText="4" dataField="colFour" />
>
> </s:ArrayList>
>
> </s:columns>
>
> </s:DataGrid>
>
> <s:Button label="#1 Clear Data" click="button1_clickHandler(event)" />
>
> </s:WindowedApplication>
>