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

Flex DataGrid 伪合并单元格实现思路

程序员文章站 2022-03-07 18:48:25
<?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 id="lbl" text="{datagridlistdata.label}" visible="false" height="0"/> 
   
  <s:vgroup  id="vp" width="100%" height="100%" gap="2" > 
  <s:label  id="lbl1" color="0x000000" textalign="center" verticalalign="middle" width="100%"/> 
  <mx:hrule width="100%" chromecolor="0x999999" alpha="0.3"/> 
  <s:label  id="lbl2" color="0x000000" textalign="center" verticalalign="middle" width="100%"/> 
  </s:vgroup> 
  </s:mxdatagriditemrenderer>