显示/隐藏ComboBox控件的滚动条提示.
2008-07-05 13:20
330 查看
ComboBox控件的dropdown 属性中的showScrollTips属性.
示例:
代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/01/displaying-scroll-tips-on-a-combobox-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function init():void {
checkBox.selected = comboBox.dropdown.showScrollTips;
}
private function checkBox_change(evt:Event):void {
comboBox.dropdown.showScrollTips = checkBox.selected;
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="showScrollTips:">
<mx:CheckBox id="checkBox"
change="checkBox_change(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ComboBox id="comboBox"
dataProvider="{arr}"
creationComplete="init();" />
</mx:Application>
也可以通过AS实现:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/01/displaying-scroll-tips-on-a-combobox-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.containers.ApplicationControlBar;
import mx.containers.Form;
import mx.containers.FormItem;
import mx.controls.ComboBox;
import mx.controls.CheckBox;
private var arr:Array;
private var checkBox:CheckBox;
private var comboBox:ComboBox;
private function init():void {
arr = [];
arr.push({label:"One"});
arr.push({label:"Two"});
arr.push({label:"Three"});
arr.push({label:"Four"});
arr.push({label:"Five"});
arr.push({label:"Six"});
arr.push({label:"Seven"});
arr.push({label:"Eight"});
arr.push({label:"Nine"});
arr.push({label:"Ten"});
checkBox = new CheckBox();
checkBox.addEventListener(Event.CHANGE, checkBox_change);
var formItem:FormItem = new FormItem();
formItem.label = "showScrollTips:";
formItem.addChild(checkBox);
var form:Form = new Form();
form.styleName = "plain";
form.addChild(formItem);
var appControlBar:ApplicationControlBar;
appControlBar = new ApplicationControlBar();
appControlBar.dock = true;
appControlBar.addChild(form);
Application.application.addChildAt(appControlBar, 0);
comboBox = new ComboBox();
comboBox.dataProvider = arr;
addChild(comboBox);
callLater(delayedInit);
}
private function delayedInit():void {
checkBox.selected = comboBox.dropdown.showScrollTips;
}
private function checkBox_change(evt:Event):void {
comboBox.dropdown.showScrollTips = checkBox.selected;
}
]]>
</mx:Script>
</mx:Application>
示例:
代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/01/displaying-scroll-tips-on-a-combobox-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function init():void {
checkBox.selected = comboBox.dropdown.showScrollTips;
}
private function checkBox_change(evt:Event):void {
comboBox.dropdown.showScrollTips = checkBox.selected;
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="showScrollTips:">
<mx:CheckBox id="checkBox"
change="checkBox_change(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ComboBox id="comboBox"
dataProvider="{arr}"
creationComplete="init();" />
</mx:Application>
也可以通过AS实现:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/01/displaying-scroll-tips-on-a-combobox-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.containers.ApplicationControlBar;
import mx.containers.Form;
import mx.containers.FormItem;
import mx.controls.ComboBox;
import mx.controls.CheckBox;
private var arr:Array;
private var checkBox:CheckBox;
private var comboBox:ComboBox;
private function init():void {
arr = [];
arr.push({label:"One"});
arr.push({label:"Two"});
arr.push({label:"Three"});
arr.push({label:"Four"});
arr.push({label:"Five"});
arr.push({label:"Six"});
arr.push({label:"Seven"});
arr.push({label:"Eight"});
arr.push({label:"Nine"});
arr.push({label:"Ten"});
checkBox = new CheckBox();
checkBox.addEventListener(Event.CHANGE, checkBox_change);
var formItem:FormItem = new FormItem();
formItem.label = "showScrollTips:";
formItem.addChild(checkBox);
var form:Form = new Form();
form.styleName = "plain";
form.addChild(formItem);
var appControlBar:ApplicationControlBar;
appControlBar = new ApplicationControlBar();
appControlBar.dock = true;
appControlBar.addChild(form);
Application.application.addChildAt(appControlBar, 0);
comboBox = new ComboBox();
comboBox.dataProvider = arr;
addChild(comboBox);
callLater(delayedInit);
}
private function delayedInit():void {
checkBox.selected = comboBox.dropdown.showScrollTips;
}
private function checkBox_change(evt:Event):void {
comboBox.dropdown.showScrollTips = checkBox.selected;
}
]]>
</mx:Script>
</mx:Application>
相关文章推荐
- 格式化ComboBox控件的滚动条提示内容.
- C#调用P/Invoke显示、隐藏和移动ListView 控件中的滚动条
- android 控件的隐藏和显示
- asp.net 包含动态创建控件的容器如果要切换显示/隐藏不要用 Visible 属性
- wicket基础应用(3)——wicket控件的隐藏和显示
- “滚动条变色”、“隐藏滚动条”、“双击网页自动滚屏显示”代码!
- MFC用CButton实现带滚动条的图片显示控件,无须用CScrollBar辅助实现。
- mfc iocomp iPlotX控件,曲线显示或隐藏
- 点击复选框,把隐藏的html控件显示出来和给复选框付初始化值
- js控制页面控件隐藏显示的两种方法介绍
- js控制页面控件隐藏显示的两种方法介绍
- Android控件显示和隐藏
- 一个列用render渲染的时候,如果列宽度不够,内容多出的部分会被隐藏,无法显示。这时需要一个鼠标滑过提示全部内容的tip功能。
- android 动态显示隐藏listview的headerview和headerview里的控件
- 文本框文本域提示自动显示隐藏jQuery小插件实例页面
- jquery自定义滚动条 鼠标移入或滚轮时显示 鼠标离开或悬停超时时隐藏
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- Android 控件的显示隐藏上下左右移动动画
- 封装一个Win32弹出提示框的函数(用于Window控件 显示Tooltip)
- 隐藏 显示控件