最近才发现有这么好的一个组件。。。
如果你正在对UI界面布局
发愁的话,不妨尝试下 PopUpButton 组件,可以解决你的很多烦恼:)
<mx:AdvancedDataGrid id="userDG" width="100%" height="100%" dataProvider="{modelLocator.userArrayCollection}"
itemDoubleClick="editUser(event)" doubleClickEnabled="true" variableRowHeight="true">
<mx:columns>
<mx:AdvancedDataGridColumn showDataTips="true" dataTipField="userName" headerText="User Name" dataField="userName" />
<mx:AdvancedDataGridColumn showDataTips="true" dataTipField="firstName" headerText="First Name" dataField="firstName" />
<mx:AdvancedDataGridColumn showDataTips="true" dataTipField="lastName" headerText="Last Name" dataField="lastName" />
<mx:AdvancedDataGridColumn width="160" headerText="PTO">
<mx:itemRenderer>
<mx:Component>
<mx:HBox>
<mx:Script>
<![CDATA[
import mx.formatters.DateFormatter;
private function startTimeFunction(item:Object, column:DataGridColumn):String
{
var df:DateFormatter = new DateFormatter();
df.formatString = "YYYY-MM-DD";
return df.format(item.startDate);
}
private function endTimeFunction(item:Object, column:DataGridColumn):String
{
var df:DateFormatter = new DateFormatter();
df.formatString = "YYYY-MM-DD";
return df.format(item.endDate);
}
]]>
</mx:Script>
<mx:PopUpButton id="popUpButton" label="Show PTO Record" open="outerDocument.findAllRelatedUserPTO()">
<mx:popUp>
<mx:DataGrid dataProvider="{outerDocument.modelLocator.relatedUserPTOAC}">
<mx:columns>
<mx:DataGridColumn headerText="Days" dataField="pto" />
<mx:DataGridColumn headerText="Start Time" labelFunction="startTimeFunction" />
<mx:DataGridColumn headerText="End Time" labelFunction="endTimeFunction" />
</mx:columns>
</mx:DataGrid>
</mx:popUp>
</mx:PopUpButton>
<mx:Button icon="@Embed('assets/pic/AddRecord.png')" toolTip="Add PTO Record" width="20" height="20" click="outerDocument.addPTO()" />
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:AdvancedDataGridColumn>
</mx:columns>
</mx:AdvancedDataGrid>
<mx:PopUpButton id="popUpButton" label="Show PTO Record" open="outerDocument.findAllRelatedUserPTO()">
<mx:popUp>
<mx:DataGrid dataProvider="{outerDocument.modelLocator.relatedUserPTOAC}">
<mx:columns>
<mx:DataGridColumn headerText="Days" dataField="pto" />
<mx:DataGridColumn headerText="Start Time" labelFunction="startTimeFunction" />
<mx:DataGridColumn headerText="End Time" labelFunction="endTimeFunction" />
</mx:columns>
</mx:DataGrid>
</mx:popUp>
</mx:PopUpButton>
- 大小: 45.9 KB
分享到:
相关推荐
利用PopUpButton创建弹出下拉框的组件
自定义表格列头,利用PopupButton做的过滤界面,延伸可以利用PopupButton实现很多按钮弹出过滤界面的功能,内部有些代码可以删除
PopupButton.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
NULL 博文链接:https://tongqiuyan.iteye.com/blog/1207620
LinkButton | Menu | MenuBar | PopUpButton | PopUpMenuButton | ProgressBar | TabNavigator ToggleButtonBar | Tree | VScrollBar 为了方便使用,将Spark组件单独剥离出来,使用方案如下:(只限于spark组件) ...
MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、TextInput TileList、Tree、VSlider VideoDisplay 7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form...
PopupCircleMenu 模仿花瓣的弹出式菜单 Gradle allprojects { repositories { maven { ...>新增: 支持设置Button的开关文字 对应Attribute pb...>PopupCircleView 里的第一个PopupButton作为中心按钮 可以不放图片
选项菜单,PopupMenu,选中时,PopupButton,onSelected 列表中的下拉按钮,DropdownButton表单字段,DropdownButton FormField 警报对话 启用后退按钮 退出对话 应用栏 安全区 媒体查询 堆 溢出/剪辑行为 图像...