`
远去的渡口
  • 浏览: 472956 次
  • 性别: Icon_minigender_2
  • 来自: 上海转北京
社区版块
存档分类
最新评论

flex中如何控制mx:List的高度

    博客分类:
  • flex
 
阅读更多

做一个打印小票的功能,其中有的选择项是用户勾选了才打印,因此是动态的。采用mx:List加载这些选择项,遇到了一个问题,mx:List默认有一个高度,height不能设置成一个定值 ,因为不能确定有几项,当时想到使用 dataList.length*20,也就是每行高度为20,但是使用dataList.length这样的非常量值时,打印的小票内容竟然为空,没有仔细找原因,直接pass了这个方案。然后设置minHeight还是无效。

 后来找到资料,使用 rowCount="{objData.customPrintArr.length}"才解决问题。

 

<mx:HBox width="150" horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:VBox width="40%" height="100%"  verticalGap="0">
			<mx:Text text="顾客姓名:" fontSize="9"/>
			<mx:Text text="预订时段:" fontSize="9"/>
			<mx:Text text="预订目标:" fontSize="9"/>
			<mx:Text text="就餐时间:" fontSize="9"/>
			<mx:Text text="人数:" fontSize="9"/>
			<mx:Text text="押金:" fontSize="9"/>
			
			<mx:List dataProvider="{objData.customPrintArr}" borderStyle="none" paddingLeft="0" rowCount="{objData.customPrintArr.length}" verticalScrollPolicy="off" horizontalScrollPolicy="off">
		  		 	<mx:itemRenderer>
			    		<mx:Component>
			    		<mx:Text text="{data.name}:" fontSize="9" paddingTop="-3" paddingBottom="-3" height="15"/>
			    		</mx:Component>
			    	</mx:itemRenderer>
		    </mx:List>

		</mx:VBox>
		<mx:VBox width="60%" height="100%" horizontalAlign="right"  verticalGap="0">
			<mx:Text text="{objData.customer}{objData.sex}" fontSize="9"/>
			<mx:Text text="{objData.period}" fontSize="9"/>
			<mx:Text text="{tableName}" fontSize="9"/>
			<mx:Text text="{objData.arrivedTime}" fontSize="9"/>
			<mx:Text text="{objData.personNum}" fontSize="9"/>
			<mx:Text text="{objData.deposit}" fontSize="9"/>
				
			<mx:List dataProvider="{objData.customPrintArr}" borderStyle="none" paddingLeft="0" rowCount="{objData.customPrintArr.length}" verticalScrollPolicy="off" horizontalScrollPolicy="off">
		   			<mx:itemRenderer>
			    		<mx:Component>
			    		<mx:Text text="{data.printdata}" fontSize="9" paddingTop="-3" paddingBottom="-3" height="15"/>
			    		</mx:Component>
			    	</mx:itemRenderer>
		    </mx:List>
		 

		</mx:VBox>
	</mx:HBox>

 

分享到:
评论

相关推荐

    Flex itemRenderer的详细教程

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

    flex 拖拽功能 中文文档

    Flex框架提供了一套强大的机制用于实现拖放(drag and drop)功能,这在用户界面设计中极为常见,特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能,包括其工作原理、关键概念、以及如何在实际...

    flex中渲染器简介

    Flex 渲染器是Flex框架中的一个重要特性,主要用于在列表控件如List、DataGrid、Tree等中定制数据显示。在Flex中,渲染器允许开发者自定义列表中每一项的外观和行为,以此来提高用户体验和视觉吸引力。本系列将深入...

    flex增加功能模型

    在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。"flex增加功能模型"的标题暗示我们要讨论如何在Flex项目中添加新的功能,具体在这个例子中是关于图书...

    理解 Flex_itemRenderer

    在这个例子中,`mx:List` 控制显示了一个数据提供者 (`dataProvider`) 提供的书籍列表。`mx:itemRenderer` 标签内的内容定义了列表中每一项的布局和外观。这里使用了 `mx:VGroup` 来组织两个 `mx:Label`,分别显示...

    flex柱状图动态切换数据源实例

    &lt;mx:ColumnChart x="6" y="65" id="columnchart1" showDataTips="true" dataProvider="{list}" height="390" itemClick="onItemClick(event)"&gt; &lt;mx:horizontalAxis&gt; &lt;mx:CategoryAxis categoryField="Time"/&gt; ...

    flex advancedDataGrid 中如何实现带checkbox的树

    HierarchicalData是Flex中用于处理树状数据的类,它接受一个Array或XMLList作为数据源,其中每个元素代表树的一个节点。 2. **定义数据模型**: 每个节点的数据对象应包含一个表示复选状态的属性,例如`selected`...

    Flex数据访问:WebService

    在.NET和Flex之间的数据交互,我们可以使用各种数据类型,例如字符串、对象、DataTable、List, ArrayList等。下面以两个示例来说明: 1. 返回对象: 在.NET中,我们可以创建一个Web方法(WebMethod),如`...

    关于flex与数据库交互

    &lt;mx:List dataProvider="{users}" itemRenderer="org.rjb.flex.UserRenderer"&gt; &lt;mx:itemRenderer&gt; &lt;mx:Component&gt; &lt;mx:Label text="{data.name}"/&gt; &lt;/mx:Component&gt; &lt;/mx:itemRenderer&gt; &lt;/mx:List&gt; &lt;/mx:...

    Flex手机项目自定义List的ItemRenderer

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

    FLEX带复选框LIST

    标题中的"FLEX带复选框LIST"指的是一个Flex应用程序,该程序使用了List组件,并在其项渲染器中添加了复选框,以便用户能够通过视觉标记来选择多个项目。这在数据展示和多选操作中非常常见,例如在配置设置、文件选择...

    Flex List DataGrid Menu 拖动技术

    ### Flex中的List、DataGrid与Menu拖动技术详解 在Flex框架中,用户交互和数据展示是极其重要的组成部分。为了增强用户体验,Flex提供了多种控件,包括`List`、`DataGrid`和`Menu`等,这些控件支持丰富的用户交互...

    Learn Flex in a week练习1(英文)

    在本篇内容中,我们将通过一个简单的练习来了解如何在 Flex 应用中进行数据绑定以及如何处理用户事件。 #### 二、基础知识回顾 1. **数据绑定**:数据绑定是将数据源与用户界面组件连接起来的过程。这种方式可以...

    Flex DataGrid从XML文件中加载数据

    在Flex编程中,`Flex DataGrid` 是一个用于展示数据集的组件,它允许用户以表格形式查看和操作数据。本示例展示了如何从XML文件加载数据并将其显示在Flex DataGrid中。以下是对该话题的详细解释: 1. **XML数据源**...

    Flex创建精美相册(HorizontalList)

    HorizontalList是Flex容器类中的一个子类,继承自List类。它以水平滚动的方式显示元素,非常适合用来创建相册或者展示长列表中的项目。HorizontalList的主要属性包括: 1. **dataProvider**:这个属性用于指定列表...

    grails和flex的集成手册

    - **理解Rich UI的概念**:在Grails和Flex的集成过程中,Rich UI意味着能够在不重新加载整个页面的情况下更新特定元素。这通常涉及到将UI渲染的工作卸载到客户端机器上。 - **利用Flex的Rich UI能力**:Flex通过其...

    flex滤镜实例以及源码……

    import mx.events.FlexEvent; import mx.events.ListEvent; import mx.events.NumericStepperEvent; import mx.events.SliderEvent; //聚焦模糊 [Embed(source="pbj/zoomBlur.pbj",mimeType=...

    Flex内联itemRenderer

    在Flex中,我们可以使用MX或Spark组件库来创建itemRenderer。MX组件库更适合较旧的应用,而Spark组件库则提供更现代、性能更好的组件。在Spark组件中,如List或DataGrid,我们通常会用到`&lt;s:List.itemRenderer&gt;`或`...

    flex quick starts

    本文主要介绍了Adobe Flex中的基本控件使用方法,特别是针对基于文本、基于按钮及基于列表的控件进行了详细的讲解。通过这些控件,开发者可以构建出丰富的用户交互界面。 #### 基于文本的控件 基于文本的控件主要...

Global site tag (gtag.js) - Google Analytics