做一个打印小票的功能,其中有的选择项是用户勾选了才打印,因此是动态的。采用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 是一种非常强大的工具,它允许开发者自定义列表(List)、数据网格(DataGrid)等控件中每一项的外观和行为。通过 ItemRenderer,我们可以实现更加灵活和动态的界面设计。 #### 二、...
Flex框架提供了一套强大的机制用于实现拖放(drag and drop)功能,这在用户界面设计中极为常见,特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能,包括其工作原理、关键概念、以及如何在实际...
Flex 渲染器是Flex框架中的一个重要特性,主要用于在列表控件如List、DataGrid、Tree等中定制数据显示。在Flex中,渲染器允许开发者自定义列表中每一项的外观和行为,以此来提高用户体验和视觉吸引力。本系列将深入...
在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。"flex增加功能模型"的标题暗示我们要讨论如何在Flex项目中添加新的功能,具体在这个例子中是关于图书...
在这个例子中,`mx:List` 控制显示了一个数据提供者 (`dataProvider`) 提供的书籍列表。`mx:itemRenderer` 标签内的内容定义了列表中每一项的布局和外观。这里使用了 `mx:VGroup` 来组织两个 `mx:Label`,分别显示...
<mx:ColumnChart x="6" y="65" id="columnchart1" showDataTips="true" dataProvider="{list}" height="390" itemClick="onItemClick(event)"> <mx:horizontalAxis> <mx:CategoryAxis categoryField="Time"/> ...
HierarchicalData是Flex中用于处理树状数据的类,它接受一个Array或XMLList作为数据源,其中每个元素代表树的一个节点。 2. **定义数据模型**: 每个节点的数据对象应包含一个表示复选状态的属性,例如`selected`...
在.NET和Flex之间的数据交互,我们可以使用各种数据类型,例如字符串、对象、DataTable、List, ArrayList等。下面以两个示例来说明: 1. 返回对象: 在.NET中,我们可以创建一个Web方法(WebMethod),如`...
<mx:List dataProvider="{users}" itemRenderer="org.rjb.flex.UserRenderer"> <mx:itemRenderer> <mx:Component> <mx:Label text="{data.name}"/> </mx:Component> </mx:itemRenderer> </mx:List> </mx:...
在Flex手机项目开发中,创建自定义的List组件ItemRenderer是一项常见的需求,目的是为了提供更加丰富和个性化的显示效果。本文将深入探讨如何利用IconItemRenderer来实现这一目标,同时结合具体的实例,介绍两种不同...
标题中的"FLEX带复选框LIST"指的是一个Flex应用程序,该程序使用了List组件,并在其项渲染器中添加了复选框,以便用户能够通过视觉标记来选择多个项目。这在数据展示和多选操作中非常常见,例如在配置设置、文件选择...
### Flex中的List、DataGrid与Menu拖动技术详解 在Flex框架中,用户交互和数据展示是极其重要的组成部分。为了增强用户体验,Flex提供了多种控件,包括`List`、`DataGrid`和`Menu`等,这些控件支持丰富的用户交互...
在本篇内容中,我们将通过一个简单的练习来了解如何在 Flex 应用中进行数据绑定以及如何处理用户事件。 #### 二、基础知识回顾 1. **数据绑定**:数据绑定是将数据源与用户界面组件连接起来的过程。这种方式可以...
在Flex编程中,`Flex DataGrid` 是一个用于展示数据集的组件,它允许用户以表格形式查看和操作数据。本示例展示了如何从XML文件加载数据并将其显示在Flex DataGrid中。以下是对该话题的详细解释: 1. **XML数据源**...
HorizontalList是Flex容器类中的一个子类,继承自List类。它以水平滚动的方式显示元素,非常适合用来创建相册或者展示长列表中的项目。HorizontalList的主要属性包括: 1. **dataProvider**:这个属性用于指定列表...
- **理解Rich UI的概念**:在Grails和Flex的集成过程中,Rich UI意味着能够在不重新加载整个页面的情况下更新特定元素。这通常涉及到将UI渲染的工作卸载到客户端机器上。 - **利用Flex的Rich UI能力**:Flex通过其...
import mx.events.FlexEvent; import mx.events.ListEvent; import mx.events.NumericStepperEvent; import mx.events.SliderEvent; //聚焦模糊 [Embed(source="pbj/zoomBlur.pbj",mimeType=...
在Flex中,我们可以使用MX或Spark组件库来创建itemRenderer。MX组件库更适合较旧的应用,而Spark组件库则提供更现代、性能更好的组件。在Spark组件中,如List或DataGrid,我们通常会用到`<s:List.itemRenderer>`或`...
本文主要介绍了Adobe Flex中的基本控件使用方法,特别是针对基于文本、基于按钮及基于列表的控件进行了详细的讲解。通过这些控件,开发者可以构建出丰富的用户交互界面。 #### 基于文本的控件 基于文本的控件主要...