欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flex dataGrid 用measureHeightOfItems 去掉竖直滚动条

程序员文章站 2022-03-02 13:35:18
...

当数据很多的时候

Flex Datagrid 会自动给表格加上滚动条

 

有时候我们需要去除滚动条 如何做呢?

 

添加对窗体的updateComplete 或者createComplte事件

或者对dataGrid的dataprovider添加监听事件

 

后者会占用占用稍微少一点的资源

 

然后对datagrid的高度赋值

dg.height = dg.measureHeightOfItems(0, dgDataProvider.length) + dg.headerHeight
<mx:vbox xmlns:mx="http://www.adobe.com/2006/mxml">
        <mx:script>
                <!–[CDATA[
                        import mx.collections.ArrayCollection;
 
                        [Bindable]–>                   public var text:String = "";
 
                        [Bindable]
                        public var gridData:ArrayCollection;
 
                        public function handleCreationComplete(e:Event):void
                        {
                                trace("finished");
                                //+2 for 1 pixel border at top and bottom
                                dg.height=dg.measureHeightOfItems(0,gridData.length)+dg.headerHeight+2;
                        }
                ]]>
        </mx:script>
        <mx:datagrid id="dg">
                editable="true" variableRowHeight="true" width="460"
                dataProvider="{gridData}" creationComplete="handleCreationComplete(event)">
            <mx:columns>
                <mx:datagridcolumn datafield="name" headertext="Name">
                <mx:datagridcolumn datafield="phone" headertext="Phone">
                <mx:datagridcolumn datafield="email" headertext="Email">
            </mx:datagridcolumn>
        </mx:datagridcolumn>
</mx:datagridcolumn>
</mx:columns>
</mx:datagrid>
</mx:vbox>
 

 

 

参考实例

http://blog.flexmp.com/2007/11/12/dynamic-datagrid-height/

相关标签: Flash