当前位置:首页 > 开发 > 编程语言 > Json > 正文

Flex4中绑定JSON数据到DataGrid组件中

发表于: 2014-04-01   作者:ckf53390   来源:转载   浏览次数:
摘要: 在Flex中解析JSON,需要使用corelib包,包的下载地址为:https://github.com/mikechambers/as3corelib 我上传了一份,下载地址为:http://files.cnblogs.com/modou/as3corelib.zip 把解压的as3corelib.swc文件直接复制到flex项目的libs目录即可   JSON数据可以从Jav

在Flex中解析JSON,需要使用corelib包,包的下载地址为:https://github.com/mikechambers/as3corelib

我上传了一份,下载地址为:http://files.cnblogs.com/modou/as3corelib.zip

把解压的as3corelib.swc文件直接复制到flex项目的libs目录即可

 

JSON数据可以从Java等远程页面获取,这里为了简化例子,直接把json字符串放进来:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?xml version= "1.0"  encoding= "utf-8" ?>
<s:Application xmlns:fx= "http://ns.adobe.com/mxml/2009"
                xmlns:s= "library://ns.adobe.com/flex/spark"
                xmlns:mx= "library://ns.adobe.com/flex/mx"  minWidth= "955"  minHeight= "600"  creationComplete= "application1_creationCompleteHandler(event)" >
     <s:layout>
         <s:BasicLayout/>
     </s:layout>
     <fx:Script>
         <![CDATA[
             import  com.adobe.serialization.json.JSON;
             
             import  mx.collections.ArrayCollection;
             import  mx.controls.Alert;
             import  mx.events.FlexEvent;
             import  mx.rpc.events.FaultEvent;
             import  mx.rpc.events.ResultEvent;
             
             protected  function  application1_creationCompleteHandler(event:FlexEvent): void
             {              
                 var  jsonData: String  = "[{\"filename\":\"aa.txt\",\"filesize\":\"312kb\"},{\"filename\":\"bb.txt\",\"filesize\":\"212kb\"}]" ;
                 var  arr: Array  = (JSON.decode(jsonData) as  Array ); 
                 var  dp:ArrayCollection = new  ArrayCollection(arr); 
                 
                 grid.dataProvider = dp;
             }
         ]]>
     </fx:Script>
     <fx:Declarations>
     </fx:Declarations>
     
     <mx:DataGrid id= "grid"  x= "129"  y= "138" >
         <mx:columns>
             <mx:DataGridColumn headerText= "文件名"  dataField= "filename" />
             <mx:DataGridColumn headerText= "文件大小"  dataField= "filesize" />
         </mx:columns>
     </mx:DataGrid>
</s:Application>

Flex4中绑定JSON数据到DataGrid组件中

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
flex前台页面: <?xml version="1.0" encoding="utf-8"?> <ui:UIApplication xmlns:fx="ht
最近项目中一个页面的datagrid出现了莫名其妙的问题, 首先是分页数据的第二页和第三页不能展示,过了
一。读取Excel(xlsx)文件数据   xlsx文件是由一个压缩文件和一个载有关于什么是内部的拉链系列信
数据绑定基本概述 什么是数据绑定 定义:在应用程序UI与业务逻辑之间建立连接的过程。 具体表现: 1
下面讲介绍一下..ComboBox 和DataGrid 两种组件的使用. 这两种组件用的非常多. ComboBox是下拉列表.
下面讲介绍一下..ComboBox 和DataGrid 两种组件的使用. 这两种组件用的非常多. ComboBox是下拉列表.
在写次文前先不得不说下网上的其他wpf的DataGrid绑定ComboBox的方式,看了之后真是让人欲仙欲死。
在Windows下,通过SDK Manager.exe更新下载的Android,是不带源码的,我们开发开发起来不是很方便;
1.前台页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g
理解Angular中的数据绑定 【原文】:https://docs.angularjs.org/guide/databinding 【翻译者】:ko
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号