`

自定义ItemRenderer常遇到的警告unable to bind to property的解决办法

    博客分类:
  • Flex
 
阅读更多

<?xml version="1.0" encoding="utf-8"?>
 
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
 
<mx:Script>
 
        <![CDATA[
 
                import mx.binding.utils.BindingUtils;
 
                
                [Bindable]
 
                private var _data:Object;
 
                [Bindable]
 
                private var _label:String;
 
                [Bindable]
 
                private var _icon:String;
 
                
                override public function set data(value:Object):void{
 
                        _label=value.label;
 
                        _icon=value.icon;
 
                        _data=value;
 
                }
 
                override public function get data():Object{
 
                        return _data;
 
                }
 
        ]]>
 
</mx:Script>
 
        <mx:Image source="{_icon}"/>
 
        <mx:Button label="{_label}"/>
 
</mx:VBox>
 
分享到:
评论
1 楼 csdn_zuoqiang 2011-08-03  
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer 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%">

	<s:layout>
		<s:VerticalLayout paddingBottom="13"
						  paddingLeft="13"
						  paddingRight="13"
						  paddingTop="13"/>
	</s:layout>

	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
		<mx:DateFormatter id="df"
						  formatString="MMM DD, YYYY at L:NN A"/>
	</fx:Declarations>

	<fx:Script>
		<![CDATA[
			[Bindable]
			private var _data:Object;
			[Bindable]
			private var _name:String;
			[Bindable]
			private var _comment:String;
			[Bindable]
			private var _time:String;

			override public function set data(value:Object):void
			{
				_name=value.name;
				_comment=value.comment;
				_time=df.format(new Date(value.postedAt));
				_data=value;
			}

			override public function get data():Object
			{
				return _data;
			}
		]]>
	</fx:Script>

	<s:HGroup width="100%"
			  verticalAlign="middle">
		<s:Label id="lbl_name"
				 text="{_name}"
				 width="100%"
				 fontSize="18"/>
		<s:Button label="Edit"
				  click="dispatchEvent(new CommentEvent('editComment', data, true));"/>
		<s:Button label="Delete"
				  click="dispatchEvent(new CommentEvent('deleteComment', data, true));"/>
	</s:HGroup>

	<s:Label id="lbl_comment"
			 text="{_comment}"
			 left="0"
			 right="0"
			 fontSize="13"
			 trackingLeft=".5"
			 trackingRight=".5"/>
	<s:HGroup width="100%">
		<s:Label text="Posted on:"/>
		<s:Label id="lbl_time"
				 text="{_time}"/>
	</s:HGroup>

</s:ItemRenderer>

相关推荐

    Flex手机项目自定义List的ItemRenderer

    在Flex手机项目开发中,创建自定义的List组件ItemRenderer是一项常见的需求,目的是为了提供更加丰富和个性化的显示效果。本文将深入探讨如何利用IconItemRenderer来实现这一目标,同时结合具体的实例,介绍两种不同...

    Flex 自定义Datagrid的ItemRender

    &lt;mx:GridColumn dataField="creationDate" itemRenderer="path.to.CustomDateRenderer"/&gt; ``` 6. **扩展性与重用** 一个优秀的自定义ItemRenderer应具有良好的可扩展性和重用性。通过封装通用的功能和样式,...

    flex4做的itemrenderer呈现器

    在Flex4中,ItemRenderer是一种强大的工具,用于自定义数据Grid、List或其他数据绑定组件中的项显示方式。本文将深入探讨如何使用Flex4创建一个ItemRenderer,以实现类似雅虎聊天界面的效果,并介绍相关的核心概念和...

    ActionScript_ItemRenderer

    在ActionScript中,ItemRenderer是一种关键的组件,用于在数据驱动的UI组件中自定义数据项的显示方式。本教程将深入探讨如何创建和使用ActionScript自定义ItemRenderer,以及如何实现与上一个示例相同的效果。 首先...

    Flex项呈示器ItemRenderer

    在Flex编程中,ItemRenderer是一种关键的组件,用于在数据列表或树等容器中自定义显示数据项的方式。本文将深入探讨Flex项呈示器(ItemRenderer)的概念、使用方法,以及如何根据需求定制它来展示用户信息,如头像和...

    Flex中itemRenderer的使用简介

    在Flex开发中,ItemRenderer是一种非常关键的组件,它允许我们自定义MX或者Spark列表类(如List、DataGrid等)中的数据项显示方式。ItemRenderer使得开发者能够以更个性化的方式展示数据,提升用户界面的视觉效果和...

    Flex ItemRenderer

    Flex ItemRenderer 是Adobe Flex框架中的一个重要概念,它主要用于自定义MX和Spark组件列表视图(如List、DataGrid等)中的每一项显示样式。ItemRenderer允许开发者根据数据项的内容个性化呈现,提供更丰富的用户...

    Flex itemRenderer的详细教程

    在 Flex 开发中,ItemRenderer 是一种非常强大的工具,它允许开发者自定义列表(List)、数据网格(DataGrid)等控件中每一项的外观和行为。通过 ItemRenderer,我们可以实现更加灵活和动态的界面设计。 #### 二、...

    flex DataGrid改变指定行的背景颜色

    要改变指定行的背景颜色,我们需要创建一个自定义的ItemRenderer类。ItemRenderer是一个Flex组件,它负责渲染DataGrid中的每一行。在自定义ItemRenderer中,我们可以根据数据源中的属性值来设置背景颜色。以下是一...

    理解_Flex_itemRenderer.pdf

    但是,通过使用itemRenderer,开发者可以自定义每个数据项的显示方式,使其展示更加丰富多彩,并且可以根据实际需要设计出更加直观、吸引人的用户界面。 Flex中的itemRenderer有两种类型:内联itemRenderer和外部...

    Flex 定制ItemRender详细解释

    在Flex开发中,ItemRenderer是一种强大的机制,它允许开发者自定义数据列表或组合框等容器中每一项的显示方式。ItemRenderer是ActionScript类,它扩展了MX或Spark的基类,如mx.controls.listClasses.ItemRenderer或s...

    itemrenderer help

    ItemRenderer是一个自定义的显示对象,用于渲染列表中的每一项数据。通过编写ItemRenderer,可以实现对数据项的个性化展示,比如改变字体样式、颜色或者添加图片等元素,甚至可以是复杂的布局设计。 **2. ...

    ItemRenderer and Repeater

    博主可能还分享了如何配置和优化这两个组件的示例代码,以及解决在实际开发中遇到的问题。遗憾的是,由于没有直接提供博客内容,我们无法深入讨论具体细节。如果需要更深入地学习,建议直接访问给出的链接阅读原文。

    理解 Flex_itemRenderer

    通过自定义 itemRenderer,开发者可以实现高度个性化的数据展示效果。 #### 二、Flex_itemRenderer 的基本原理 ##### 内联 Renderer 内联 renderer 是一种较为简单的 renderer 实现方式,它直接在 MXML 文件中与...

    itemRenderer 提前加载问题

    这个标题暗示了开发者可能遇到的一个常见问题,即ItemRenderer(项渲染器)在实际需要之前就被加载,这可能导致性能下降或者不必要的资源消耗。 ItemRenderer是Flex和ActionScript中的关键组件,用于自定义列表或...

    内渲染器_ItemRenderer

    内渲染器(ItemRenderer)是Flex、Flash Builder或者ActionScript等富互联网应用程序开发中的一个重要概念,主要用于自定义组件列表项的显示方式。在基于Adobe Flex的项目中,它允许开发者根据需要为数据列表(如...

    ItemRendererTutorial.zip

    在Flex开发中,ItemRenderer是实现自定义组件显示的关键技术,尤其在数据网格(DataGrid)中,我们经常需要根据数据类型或者需求定制列的显示样式。本教程以"ItemRendererTutorial.zip"为例,深入讲解如何在Flex中...

    flex中的渲染器(itemrenderer)

    flex中经常会使用到渲染器,这里简要介绍一下渲染器的一些知识

    flex itemRenderer深入学习--flex相册例子

    在Flex开发中,ItemRenderer是一种非常关键的组件,它允许我们自定义数据项在列表或网格等容器中的显示方式。本篇文章将深入探讨如何利用ItemRenderer实现一个灵活且功能丰富的相册示例,同时也会涉及Flex中的一些...

    Flex中Datagrid应用(每行修改删除按钮)

    它允许用户以表格的形式查看和编辑数据,常用于创建数据驱动的应用程序。本文将深入探讨如何在Flex的DataGrid中实现每行的修改和删除功能,以及相关源码和工具的运用。 **1. DataGrid组件基础** Flex中的DataGrid...

Global site tag (gtag.js) - Google Analytics