FooterAdvancedDataGrid实现原理

原创于 2012-02-27 14:31:48 发布 · 601 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #null #function

本文详细解读了FooterAdvancedDataGrid源码的核心部分，包括如何在overlayFixed和overlayScrollable上绘制网格线和列。重点介绍了数据网格的布局、样式和交互特性。

FooterAdvancedDataGrid源码地址

http://www.forestandthetrees.com/openSource/dgFooters/srcview/

核心代码：

overlayFixed = new Sprite();addChild(overlayFixed);

将在overlayFixed上画出　horizontalGridLines、lockedColumns

overlayScrollable = new Sprite(); addChild(overlayScrollable);

将在overlayScrollable上画出ScrollableColumns，i = dataGrid.horizontalScrollPosition + lockedColumns;开始画，dataGrid.horizontalScrollPosition即现在的dataGrid的ScrollPosition，在出现scrollbar时实际上是创建了一个mask

private function _drawColumn (col:DataGridColumn, drawSprite : Sprite, i : int, xx : Number, yy : Number, h : Number) : void{
        if (col is FooterDataGridColumn) {
            var fdgc:FooterDataGridColumn = col as FooterDataGridColumn;
            fdgc.footerColumn.owner = fdgc.owner;
            var renderer:IListItemRenderer = (fdgc.footerColumn.itemRenderer)fdgc.footerColumn.itemRenderer.newInstance() : 
                                              dataGrid.itemRenderer.newInstance();
            renderer.styleName = fdgc.footerColumn;
            if (renderer is IDropInListItemRenderer) {
                IDropInListItemRenderer(renderer).listData = new DataGridListData(
                    (fdgc.footerColumn.labelFunction != null) ?fdgc.footerColumn.labelFunction(col): fdgc.footerColumn.headerText, 
                    fdgc.dataField, i - 1, null, dataGrid, -1);
            }
            renderer.data = fdgc;
            addChild(DisplayObject(renderer));
            renderer.x = xx;
            renderer.y = yy;
            renderer.setActualSize(col.width - 1, dataGrid.rowHeight);
            if (dataGrid.getStyle("verticalGridLines")){
               drawSprite.graphics.moveTo(xx + col.width, yy);
               drawSprite.graphics.lineTo(xx + col.width, h);
            }

        }

    }