当前位置 博文首页 > Flex DataGrid 伪合并单元格思路及代码

    Flex DataGrid 伪合并单元格思路及代码

    作者:admin 时间:2021-08-18 17:47

    复制代码 代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    width="100%" height="100%"

    autoDrawBackground="false"
    creationComplete="mxitemrenderer1_creationCompleteHandler(event)"
    >
    <s:layout>
    <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
    </s:layout>
    <fx:Script>
    <![CDATA[
    import mx.collections.ArrayCollection;
    import mx.controls.Text;
    import mx.events.FlexEvent;

    protected function mxitemrenderer1_creationCompleteHandler(event:FlexEvent):void
    {
    var txt1:String = lbl.text.split(",")[0];
    var txt2:String = lbl.text.split(",")[1];
    lbl1.text = txt1;
    lbl2.text = txt2;

    }

    ]]>
    </fx:Script>
    <fx:Declarations>
    <!-- 将非可视元素(例如服务、值对象)放在此处 -->
    </fx:Declarations>
    <s:Label text="{dataGridListData.label}" visible="false" height="0"/>

    <s:VGroup width="100%" height="100%" gap="2" >
    <s:Label color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/>
    <mx:HRule width="100%" chromeColor="0x999999" alpha="0.3"/>
    <s:Label color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/>
    </s:VGroup>
    </s:MXDataGridItemRenderer>
    jsjbwy