DataGrid渲染器实例(父类data方法应用版)

编程技术  /  houtizong 发布于 3年前   70

1、 test.mxml

<?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/halo"   minWidth="1024" minHeight="768"   creationComplete="init();"><fx:Script><![CDATA[public var testStr:String = "父程序测试属性";    //必须是public的才能被渲染器访问public var xmlSource:XML = new XML(<root></root>);public function init():void{for(var i:Number = 0; i < 30; i++){xmlSource.appendChild(<word><myName>{"中关村" + i}</myName></word>);  }dataGridID.dataProvider = xmlSource.word;  }public function parentsMed01(str:String, str2:String):void{    //必须是public的才能被渲染器访问//    trace(str);//trace(str2);}public function parentsMed02():void{dataGridID.dataProvider = null;}]]></fx:Script><mx:Label id="parentsLabelID" x="400" y="10" color="#FF0000" text="我是父程序的Label组件呵呵"  click="parentsMed02();"/><mx:DataGrid id="dataGridID" x="300" y="50" width="600" height="180" backgroundColor="#000000" color="#000000"><mx:columns><mx:DataGridColumn dataField="myName" headerText="姓名"/><mx:DataGridColumn dataField="" itemRenderer="inButton" headerText="专辑名" /></mx:columns></mx:DataGrid></s:Application>

2、 inButton.mxml

<?xml version="1.0" encoding="utf-8"?><mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" maxWidth="80" height="30" backgroundColor="red"><mx:Script><![CDATA[[Bindable]private var musicMessage:String;/*1、其执行次数或顺序（传过来的数据）是根据当前的具体可视化的组件的数量来定(在浏览器或air上)，     而且是根据用户改变可显示区域动态即时改变的；且每次执行时数据只是一单位部分，即对应一行。     （一句话总结：只动态加载当前可视化部分的全部组件）  2、已每行为单位进行对应次数的调用此方法；即数据的传递都是以对应组件的每行为单位。  3、加载的测试结果：     （1）、初始化时：全部的数据已经都可以看到的：规律是： 1 ALL(当前可视化的数据行数)                            ===中关村0===中关村0===中关村1===中关村2===中关村3===中关村4     （2）、初始化时：当前可视化的数据不是全部的数据：规律是： 1 ALL(当前可视化的数据行数) ALL(当前可视化的数据行数)===中关村0===中关村0===中关村1===中关村2===中关村3===中关村4===中关村0===中关村1===中关村2===中关村3===中关村4*/override public function set data(value:Object):void{    //实例化父DataGrid时（此事件）自动执行此方法var str:String="";super.data = value;    //value就是渲染器所在父组件的数据源的内容musicMessage = value["myName"];trace("===" + musicMessage);}private function aa(str:String):void{this.parentDocument.parentsLabelID.text = "AAAAA,被渲染器改变了啊---" + str;    //渲染器调用父组件//trace(this.parentDocument.testStr);    //渲染器调用父属性this.parentDocument.testStr = "我是渲染器传过来的";    //渲染器改变父类属性值    this.parentDocument.parentsMed01(str, this.parentDocument.testStr);    //渲染器调用父函数}]]></mx:Script><mx:Button id="butID" label="{musicMessage}" click="aa(this.data.myName);"/><mx:Label id="labID" x="50" fontSize="12" text="世界"/><mx:Label id="lab2ID" x="80" text="哈哈哈"/></mx:Canvas>