Question

我有DataGrid，

<mx:DataGrid styleName="alternateColor" 
    verticalScrollBarStyleName="verticalScrollStyle" 
    headerSeparatorSkin="uiExtensions.DataGridHeaderSeparators"  
    width="100%" height="100%" editable="false" color="#000000" 
    verticalGridLines="false" variableRowHeight="true" 
    itemEditEnd="processData(event);" sortableColumns="false">

    <mx:columns>
        <mx:DataGridColumn wordWrap="true" dataField="Name">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:Box>
                        <mx:Text id="tbName" selectable="false" 
                            width="100%" fontSize="12" text="{data.Name}"/>   
                        <mx:Text id="tbcontact" selectable="false" 
                            width="100%" text="{data.Contact}"/>   
                    </mx:Box>
                </mx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
    </mx:columns>
</mx:DataGrid>

在数据网格列中添加了2个文本组件后，数据网格不会向下滚动。

滚动条在向下拉动时向上滚动。

感谢任何帮助。

感谢。

Answer 1

当网格的高度不足以显示其数据提供者中的所有项目时，在DataGrid中启用滚动;不是当你向其列添加更多控件时。您刚刚定义了一个具有两个Text控件的单个列的数据网格。将足够大的数据分配给网格的dataProvider，它将起作用。

顺便说一句，您为什么使用Box控件而不是HBox或VBox？

Answer 2

问题已解决，

我在上面发布的代码中使用了VBox和Label而不是Box和Text标签。

我的代码现在看起来像这样......

                    <mx:Component>
                    <mx:VBox horizontalGap="0" verticalGap="0">
                        <mx:Label id="tbclassified" selectable="true" width="100%" fontSize="11" text="{data.Classified}"/>   
                        <mx:HBox horizontalGap="0" verticalGap="0">
                            <mx:Label id="tbcategory" textAlign="left" selectable="true" width="100%" fontStyle="italic" color="#9F2200"  text="{data.ClassifiedCategory}"/>   
                            <mx:Label id="tbcontact" textAlign="right" selectable="true" width="100%" text="{data.Name} - {data.Contact}"/>   
                        </mx:HBox>
                    </mx:VBox>
                </mx:Component>

Datagrid滚动问题 - Flex

2 个答案: