Actionscript 3，动作脚本中的网格和网格行

Posted 2023-02-18

【中文标题】Actionscript 3，动作脚本中的网格和网格行

【英文标题】：Action Script 3, Grid and GridRow in Action Script

【发布时间】：2014-08-16 19:34:39

【问题描述】：

我想在 Flex 中创建一个包含子部分、colspan 和 rowans 的表。 我已经用 和 构建了这个，就像在 flex 中硬编码一样，但我想用动作脚本动态构建这个。 我真的不知道如何构建它。 这是我需要转换为动作脚本的示例代码

<mx:Grid id="metricsGrid" styleName="grid" backgroundColor="blue" horizontalAlign="center"  >
    <mx:GridRow id="cashMetricsGridHeaderRow" >
        <mx:GridItem colSpan="3" styleName="gridItem" verticalAlign="middle" horizontalAlign="center" >
            <mx:Label text=" getTodaysDateWithTitle() " styleName="boldFontWeight"></mx:Label>
        </mx:GridItem>
    </mx:GridRow>

    <mx:GridRow id="metricsGridRow1" borderColor="black">
        <mx:GridItem rowSpan="3" styleName="gridItem" verticalAlign="middle" horizontalAlign="center" >
            <mx:Label text="ABC"  styleName="boldFontWeight"></mx:Label>
        </mx:GridItem>
        <mx:GridItem rowSpan="3" styleName="gridItem" verticalAlign="bottom" horizontalAlign="center" >
            <mx:Label text="Total"  styleName="boldFontWeight"></mx:Label>
        </mx:GridItem>
        <mx:GridItem rowSpan="3" styleName="gridItem" verticalAlign="middle" horizontalAlign="center" >
            <mx:Label text="XYZ" styleName="boldFontWeight"></mx:Label>
        </mx:GridItem>
    </mx:GridRow>
</mx:Grid>

如果您需要任何其他信息，请告诉我。 非常感谢您的帮助。谢谢。

【参考方案1】：

以下内容应该可以帮助您入门。从createChildren() 覆盖或initialize 事件侦听器调用createGrid()。

请注意，此处声明的变量可能需要为类变量，以使其易于访问。

private function createGrid() 
    var metricsGrid:Grid = new Grid();
    //set other properties on metricsGrid

    var cashMetricsGridHeaderRow:GridRow = new GridRow();
    //set other properties on metricsGrid

    var item:GridItem = new GridItem();
    //set other properties on GridItem

    var label:Label = new Label();
    label.text = getTodaysDateWithTitle();

    item.addElement(label);
    cashMetricsGridHeaderRow.addElement(item);
    metricsGrid.addElement(cashMetricsGridHeaderRow);

    this.addElement(grid);