Question

我正在Flash Builder 4.5中构建一个MXML项目

我有一个包含TextInput字段的自定义MXML组件。我希望自定义组件具有触发主应用程序中的功能的更改事件。

我搜索了这个网站，发现了很多贴近我想要的帖子，但我找不到我需要的内容，现在我很困惑。

我创建了一个测试项目来尝试解决这个问题。此刻，它似乎会触发一次事件然后停止。请看一下，让我知道我哪里出错了。非常感谢。

customComponent.mxml

    <?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
           width="40" height="20"> 
    <mx:Script>
    <![CDATA[

        [Bindable]
        public var value:Number;

        protected function inputBox_clickHandler(event:KeyboardEvent):void
        {
            if (event.keyCode == 38 ) {
                keyUp();
            }
            if (event.keyCode == 40 ) {
                keyDown();
            }
        }
        protected function keyUp():void
        {
            value = value++;
            dispatchEvent(new Event('change'))
        }
        protected function keyDown():void
        {
            value = value--;
            dispatchEvent(new Event('change'))
        }
    ]]> 
</mx:Script>
<mx:Metadata>
    [Event(name="change", type="flash.events.Event")]
</mx:Metadata>

<mx:TextInput id="inputBox" x="0" y="0" width="40" height="20"
              text="{value}"
              keyDown="inputBox_clickHandler(event)"
              change="dispatchEvent(new Event('change'))" 
              />
 </mx:Canvas>

main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            xmlns:CustomComponents="CustomComponents.*"
            minWidth="955" minHeight="600" layout="absolute">
<mx:Script>

    <![CDATA[

        private function changeTestLabel():void 
        {
            testLabel.text = String(myComponent.value);
        }

    ]]> 

</mx:Script>
<CustomComponents:customComponent x="180" y="183"
    id="myComponent" value="0"
    change="changeTestLabel()">
</CustomComponents:customComponent>
<mx:Label id="testLabel" x="165" y="206" text="Test label"/>

</mx:Application>

Answer 1

我找到了解决方案......

线索是它第一次进行更改时工作，将值更改为默认值“0”。问题是var值是Number类型而inputBox.text是String类型。

因此我添加了以下功能：

  protected function textChange():void
  {
   value = Number(inputBox.text);
   dispatchEvent(new Event('change'))
  }

我还将change =“dispatchEvent（new Event（'change'））”属性更改为

valueCommit="textChange()"

......并修复了它。

感谢所有那些煞费苦心地看待这一点的人。

将更改事件添加到自定义MXML组件

1 个答案: