FLEX 3.0 DataGrid & PieChart with XML

原创 2008年10月01日 22:51:00

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

 <mx:Script>
  <![CDATA[
     [Bindable]
     public var xmlTest:XML=<BOOKCollection>
            <BookItem>
                <Name>Thinking In Java</Name>
                <Type>JAVA</Type>
                <Count>100</Count>
            </BookItem>  
        
            <BookItem>
                <Name>Thinking In C++</Name>
                <Type>C++</Type>
                <Count>200</Count>
            </BookItem>  
       
            <BookItem>
                <Name>Flex First Step</Name>
                <Type>Flex</Type>
                <Count>200</Count>
            </BookItem>  
        </BOOKCollection>;
                               
  ]]>
 </mx:Script>
 
 <!-- 图表 从XML中获取填充数据 注意:XML节点名区分大小写 -->
 <mx:HBox x="22.25" y="177" width="589.5" height="284">
  <mx:DataGrid height="270" dataProvider="{xmlTest.BookItem}" width="257">
   <mx:columns>
    <mx:DataGridColumn headerText="NAME" dataField="Name"/>
    <mx:DataGridColumn headerText="COUNT" dataField="Count"/>
   </mx:columns>
  </mx:DataGrid>
  
  <!-- 饼图 从XML中获取填充数据 -->
  <mx:Panel width="320" height="276" layout="absolute" title="CUEPOINT PIE CHART">
   <mx:PieChart x="10" y="0" id="piechart1" dataProvider="{xmlTest.BookItem}" width="100%" height="100%" showDataTips="true">
    <mx:series>
     <mx:PieSeries field="Count" nameField="Name" labelPosition="callout"/>
    </mx:series>
   </mx:PieChart>
   <mx:Legend dataProvider="{piechart1}"/>
  </mx:Panel>
 </mx:HBox>
</mx:Application>

flex piechart 钻取的实现

flex piechart 钻取的实现
  • jiandanfeng2
  • jiandanfeng2
  • 2011年06月02日 16:39
  • 4155

flex4 PieChart 加载数据时旋转特效

  • Jessen_Qiang
  • Jessen_Qiang
  • 2012年05月08日 08:49
  • 2036

Flex3 Chart学习笔记:PieChart(饼图)

Flex3 Chart学习笔记:PieChart(饼图)    接触Flex3有一段时间了,但是一直没有时间学习Flex 的Chart这部分。今天正好有空,就摸索着做了个小例子,功能很简单,先看看截图...
  • accp_fangjian
  • accp_fangjian
  • 2008年07月04日 12:29
  • 7404

flex 得到Java传过来的xml 显示到datagrid

flex 得到Java传过来的xml 显示到datagrid   最近觉得flex挺不错,做出来的东西比较漂亮 也比较绚丽,用户体验值非常高,于是就没事瞎鼓捣了下,首先我一直从事的是JAVA开发,...
  • jwdstef
  • jwdstef
  • 2011年08月05日 17:36
  • 1866

FLEX 中的DataGrid使用

Flex教程/组件详解之一:DataGrid(1-2)今天来介绍一个DataGrid的使用,DataGrid是基于列表的控件,以表格的形式输出数据,可以当他是一个多列的list.我们将从建立、数据填充...
  • lihua2915
  • lihua2915
  • 2010年09月01日 16:53
  • 12360

Flex动态DataGrid 一

相信每个开发过flex的用户都用过datagrid,但是传统的datagrid有很多弱点,例如有一个弱点就是比较难在内存动态生成头部的标题,如果您只是一个传入一个未知的二维表结构,希望它动态显示就让人...
  • arjick
  • arjick
  • 2011年05月27日 20:55
  • 9168

flex中dataGrid的编辑功能详解

在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1.datagrid编辑功能简介     ...
  • vincent50411
  • vincent50411
  • 2014年08月13日 09:44
  • 857

Flex mx:DataGrid样式调整(Header头部垂直居中)

控件mx:DataGrid
  • Qiustion
  • Qiustion
  • 2014年11月12日 15:18
  • 2222

flex控制datagrid单元格可编辑

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/m...
  • yuqinying112
  • yuqinying112
  • 2011年10月06日 16:49
  • 3511

Flex中DataGrid获取被选中的行

  • vipliyaohua
  • vipliyaohua
  • 2011年07月06日 22:53
  • 7347
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FLEX 3.0 DataGrid & PieChart with XML
举报原因:
原因补充:

(最多只允许输入30个字)