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

<?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>
赞 (0)

相关推荐

  • 全面了解flex的用途

    一.可以利用flex来布局一个div在另一个div里面水平垂直居中 如:html代码: <div class="container"> <div class="box"> </div> </div> css代码: .container{ width:600px; height:400px; border:1px solid blue; display: flex; justify-content:center; ali

  • Flex4 DataGrid中嵌入RadioButton实现思路及代码

    <s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑" horizontalScrollPolicy="off" borderVisible="false" dataProvider="{viewList}"> <s:columns> <s:ArrayLis

  • Flex 获取每月第几周小例子

    <pre name="code" class="html">private function calcWeekTotal(showDate:Date):Array{ showDate = DateFormatter.parseDateString("2013-04-01"); //获取本月1好的日期 var oneDate:Date = new Date(showDate.fullYear,showDate.month,1); //本

  • Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色

    自定义拓展的DataGrid(as类)代码如下: package czgh.components { import flash.display.Sprite; import mx.controls.DataGrid; import mx.core.UIComponent; public class OptionalDataGrid extends DataGrid { private var _rowColorFunction:Function; private var _customed:Bo

  • Flex 遍历Object键和值的示例代码

    遍历键 for(var k:String in obj) { trace("Key: " + k + " - value: " + obj[k]); } 遍历值 for each(var v:* in obj) { trace("Value: " + v); }

  • flex 遍历Object对象内容的实现代码

    一直以为遍历Object只能obj.name这种方式,今天做数据比较,才发现 复制代码 代码如下: var g2:Object = expensesAC.getItemAt(0);        for(var i:Number=0;i<=23;i++){         if(g2["times"+i]=="0"){             num--;         }else{            d2g+=g2["times"+

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

    <?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" widt

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

    复制代码 代码如下: <?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

  • postgresql高级应用之合并单元格的思路详解

    postgresql高级应用之合并单元格的思路详解

    1.写在前面✍ 继上一篇postgresql高级应用之行转列&汇总求和之后想更进一步做点儿复杂的(圖表暫且不論哈

  • python之DataFrame实现excel合并单元格

    在工作中经常遇到需要将数据输出到excel,且需要对其中一些单元格进行合并,比如如下表表格,需要根据A列的值,合并B.C列的对应单元格 pandas中的to_excel方法只能对索引进行合并,而xlsxwriter中,虽然提供有merge_range方法,但是这只是一个和基础的方法,每次都需要编写繁琐的测试才能最终调好,而且不能很好的重用.所以想自己写一个方法,结合dataframe和merge_range.大概思路是: 1.定义一个MY_DataFrame类,继承DataFrame类,这样能很

  • element实现合并单元格通用方法

    element实现合并单元格通用方法

    主要思路: 对数据进行处理,写了一个getSpanData通用方法. 用api中提供的span-method方法. span-method方法用法: 通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row.当前列column.当前行号rowIndex.当前列号columnIndex四个属性.该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan. 也可以返回一个键名为rowspan和colspan的对

  • Python基于xlrd模块处理合并单元格

    目的: python能使用xlrd模块实现对Excel数据的读取,且按照想要的输出形式. 总体思路: (1)要想实现对Excel数据的读取,需要用到第三方应用,直接应用. (2)实际操作时候和我们实际平时打开一个文件进行操作一样,先找到文件-->打开文件-->定义要读取的sheet-->读取出内容. Excel处理合并单元格: 已存在合并单元格如下: xlrd中的 merged_cells 属性介绍:[code]import xlrd import xlrd workbook = xlr

  • python使用openpyxl读取合并单元格的值

    python使用openpyxl读取合并单元格的值

    目录 问题: 解决思路: 问题: 假设在test.xlsx的"Sheet1"工作表中,A1:D3区域的值如下: 要求给定指定的行.列以及对应的工作表作为参数,能够正确解析合并单元格,获取指定单元格的值. 如果直接根据行列获取对应单元格的值,则合并单元格非左上角的其他单元格都会获取到None值,如下: if __name__ == "__main__": wb = xl.load_workbook("test.xlsx") sheet_ = wb[

  • ASP.NET GridView 实现课程表显示(动态合并单元格)实现步骤

    ASP.NET GridView 实现课程表显示(动态合并单元格)实现步骤

    GridView,ASP.NET中很常用的数据显示控件,这里,我将用这个控件来实现课程表的显示.首先说说课程表的显示与普通记录的显示有何不同?这里所说的普通记录是指直接从数据库中查询出来的.没有经过任何处理的记录.通常,我们用GridView显示这些普通记录,只需直接将这些记录表绑定到GridView中即可.但是,课程表的显示可不是这么简单,它需要将普通记录继续加工,需要根据记录中具体的数据来确定数据需要显示在哪一行.哪一列,而且需要根据课程开始时间和结束时间动态合并单元格,最后才是数据的显示.

  • JSP中动态合并单元格的实例代码

    废话不多说了,具体代码如下所示: <span style="font-size:14px;"> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <table width="100%" border="0" cellspacing="0" cellpadding="0&q

  • jquery miniui 教程 表格控件 合并单元格应用

    jquery miniui 教程 表格控件 合并单元格应用

    表格:合并单元格 参考示例:合并单元格 调用方法:margeCells.如下代码: 复制代码 代码如下: grid.on("load", onLoad); function onLoad(e) { var grid = e.sender; var marges = [ { rowIndex: 1, columnIndex: 0, rowSpan: 1, colSpan: 2 }, { rowIndex: 3, columnIndex: 0, rowSpan: 4, colSpan: 3

随机推荐