綁定簡單addeventlistener的快捷方式

Question

我從來沒有真正理解綁定點，除了它是有效的addeventlistener速記。

有更多它嗎？我錯過了什麼嗎？

感謝， dsdsdsdsd

Answer 1

數據綁定全是關於聲明性地定義數據在UI中的顯示方式。在引擎蓋下，它有點複雜，因爲有更多的需求，而不僅僅是掛鉤addEventListener來支持數據綁定的功能。

這是一個非常強大的功能，實際上，並更瞭解它，我們可以在一個簡單的「Hello World」應用看：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark"> 
    <s:HGroup> 
     <s:TextInput id="input" /> 
     <s:Label text="Hello {input.text}" /> 
    </s:HGroup> 

</s:Application> 

現在，編譯這個程序與--keep編譯器標誌，並期待在新文件夾「bin-debug/generated」中。我們感興趣的是HelloWorld-generated.as

這裏是該綁定被定義並呼籲從構造：

private function _HelloWorld_bindingsSetup():Array 
{ 
    var result:Array = []; 

    result[0] = new mx.binding.Binding(this, 
     function():String 
     { 
      var result:* = "Hello " + (input.text); 
      return (result == undefined ? null : String(result)); 
     }, 
     null, 
     "_HelloWorld_Label1.text" 
     ); 


    return result; 
} 

稍後，在HelloWorld的構造函數，你會得到一個呼叫建立觀察家：

 _watcherSetupUtil.setup(this, 
       function(propertyName:String):* { return target[propertyName]; }, 
       function(propertyName:String):* { return HelloWorld[propertyName]; }, 
       bindings, 
       watchers); 

這真的只是做到這一點：

watchers[0] = new mx.binding.PropertyWatcher("input", 
              { propertyChange: true }, 
              [ bindings[0] ] , 
              propertyGetter); 
watchers[1] = new mx.binding.PropertyWatcher("text", 
              { change: true, 
               textChanged: true }, 
              [ bindings[0] ], 
              null); 

氏ngs通過雙向綁定變得更加複雜。

Answer 2

數據Flex 4中結合可以我猜想被描述爲使用addEventListener（）的快捷方式 - 但是這是一個有點像說，汽車只是散步的快捷方式。如果你只是繞着這個區域走，沒有什麼大不了的 - 但是如果你正在構建一個複雜的應用程序，其中包含許多項目渲染器和大量數據點，這些數據點可能會隨時發生變化，數據綁定可以避免編寫數百個addEventListener （）和removeEventListener（）調用以及它們相關的處理程序。在這種情況下，這是一件非常重要的事情。