txl.xml如下:
<?xml version="1.0" encoding="utf-8"?> <data value="XX通讯录"> <data1 value="办公室"> <xm value="冯XX" bg="4278952XX" tel="135948659XX"/> <xm value="李XX" bg="6464664XX" tel="134589645XX"/> <xm value="张XX" bg="4546464XX" tel="130464977XX"/> <xm value="王XX" bg="9469467XX" tel="158946113XX"/> </data1> <data2 value="销售处"> <xm value="冯XX" bg="4278952XX" tel="135948659XX"/> <xm value="李XX" bg="6464664XX" tel="134589645XX"/> <xm value="张XX" bg="4546464XX" tel="130464977XX"/> <xm value="王XX" bg="9469467XX" tel="158946113XX"/> </data2> <data3 value="技术部"> <xm value="冯XX" bg="4278952XX" tel="135948659XX"/> <xm value="李XX" bg="6464664XX" tel="134589645XX"/> <xm value="张XX" bg="4546464XX" tel="130464977XX"/> <xm value="王XX" bg="9469467XX" tel="158946113XX"/> </data3> <data4 value="财务部"> <xm value="冯XX" bg="4278952XX" tel="135948659XX"/> <xm value="李XX" bg="6464664XX" tel="134589645XX"/> <xm value="张XX" bg="4546464XX" tel="130464977XX"/> <xm value="王XX" bg="9469467XX" tel="158946113XX"/> </data4> <data5 value="行政部"> <xm value="冯XX" bg="4278952XX" tel="135948659XX"/> <xm value="李XX" bg="6464664XX" tel="134589645XX"/> <xm value="张XX" bg="4546464XX" tel="130464977XX"/> <xm value="王XX" bg="9469467XX" tel="158946113XX"/> </data5> </data>
Flex实现如下:
<?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 mx.events.FlexEvent; import mx.events.ListEvent; import mx.rpc.events.ResultEvent; [Bindable] private var data1 : XML; protected function application1_creationCompleteHandler(event:FlexEvent):void { http.send(); } protected function http_resultHandler(event:ResultEvent):void { data1 = event.result as XML; tree1.dataProvider = data1; } protected function tree1_itemClickHandler(event:ListEvent):void { bgtel.text = tree1.selectedItem.@bg; sjtel.text = tree1.selectedItem.@tel; } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> <s:HTTPService id="http" url="txl.xml" resultFormat="e4x" result="http_resultHandler(event)"/> </fx:Declarations> <s:Panel x="10" y="37" width="458" height="275" title="通讯录" id="panel1"> <mx:Tree x="0" y="0" width="224" height="242" id="tree1" labelField="@value" itemClick="tree1_itemClickHandler(event)"></mx:Tree> <s:TextInput x="307" y="49" id="bgtel"/> <s:TextInput x="310" y="132" id="sjtel"/> <s:Label x="251" y="56" text="办公电话" height="22" width="62"/> <s:Label x="256" y="138" text="手机号码" width="54"/> <s:Label x="251" y="10" text="点击某个人时,此处就会显示出来这个人的通讯信息" width="171" height="31"/> </s:Panel> </s:Application>
效果如下:
相关推荐
flex中经常需要xml格式的文件。通过后台asp.net的处理可以将数据库中读取的文件转化为xml格式。这是再传递给前端的flex中的tree控件作为数据源。
Flex加载xml数据三种方式:HTTPService XMLLoader XML类
用数据动态绑定XML,然后实现flex中树的绑定
flex 可拖动的树形自定义控件,从左选项框拖动到右选项框
flex xml 生成 tree 的详细源码 。还有解说
flex复选树形下拉框,在ReportListPage.mxml里面有应用及树数据的加载
flex读取xml文件的数据的三种方式及其比较
flex解析xml
使用httpService通过xml传递对象的时候,用于flex端解析xml的实例。
flex 通过读取xml文件 实现动态DataGrid数据列表
NULL 博文链接:https://javaheart88.iteye.com/blog/549444
flex带复选框的tree,包含源代码,需要用到的朋友请下载
NULL 博文链接:https://piaoyun29.iteye.com/blog/432187
这是使用flex解析xml文件,并将xml文件的内容作为ComboBox下拉列表的数据提供源
flex 的xml操作xml操作xml操作xml操作xml操作xml操作xml操作xml操作
Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程
flex自定义的树形结构,展开,收缩,多级目录支持
flex通过httpService读取xml数据到datagird中,通过读取远程URL的XML数据(这里保存到本地),保存到ArrayCollection中,然后在将ArrayCollection绑定到datagird上 环境:flex3.0 可直接运行
代码组织xml 建立tree 代码组织xml 建立tree
Flex之URLLoader加载XML 使用URLLoader加载XML