当前位置：文江博客话题详情

如何捕获可编辑组合框上的编辑和选择事件？

发布于 2024-10-17 07:45:58 字数 232 浏览 3 评论 0原文

我有一个可编辑的 mx:Combobox。我想捕获两个事件：

当用户输入一些文本或编辑一些文本时。
当用户更改选择（从组合框中选择一个项目）时。

是否可以？我一直在使用 change 事件，但在这两种情况下都会触发它，我无法区分它。有更好的方法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缱倦旧时光 2024-10-24 07:45:58

对所选项目使用更改事件，使用 keyUp 事件进行文本编辑（注意按 Shift+Key 会触发 keyUp 两次）。两者都会触发更改，但只需检查 selectedItem 是否为 null 即可解决此问题。此外，可编辑的组合框在 Flex 4 中不可用，因此如果您考虑尽快迁移到 Flex 4，请记住这一点：

            private var ac:ArrayCollection;

            private function onInit():void{

                ac = new ArrayCollection([{name:"john"}, 
                    {name:"Stephen"}]);
                myCombo.dataProvider = ac;
                myCombo.labelField = "name";
            }

            private function onComboChange(event:Event):void{
                if(event.target.selectedItem != null){
                    trace("Item Selected: " + event.target.selectedLabel);
                }
            }

            private function onKeyUp(event:Event):void{
                trace(event.target.text);
            }

    <mx:ComboBox id="myCombo" x="50" y="10" editable="true" change="onComboChange(event)"
                 keyUp="onKeyUp(event)"/>

Use change event for selected item, use keyUp event for text editing (note hitting Shift+Key fires keyUp twice). Change will be fired for both, but just check if the selectedItem is null to get around this. Also, editable comboBox is not available in Flex 4, so if your thinking of moving to Flex 4 soon, keep this in mind:

            private var ac:ArrayCollection;

            private function onInit():void{

                ac = new ArrayCollection([{name:"john"}, 
                    {name:"Stephen"}]);
                myCombo.dataProvider = ac;
                myCombo.labelField = "name";
            }

            private function onComboChange(event:Event):void{
                if(event.target.selectedItem != null){
                    trace("Item Selected: " + event.target.selectedLabel);
                }
            }

            private function onKeyUp(event:Event):void{
                trace(event.target.text);
            }

    <mx:ComboBox id="myCombo" x="50" y="10" editable="true" change="onComboChange(event)"
                 keyUp="onKeyUp(event)"/>

回复收藏 0 原文

~没有更多了~