UI data binding

<h2 id="example">Example</h2>
<TextBlock Text="{Binding Username}" />

public class ExampleViewModel
{
    public string Username { get; set; }
}

<h2 id="data-binding-frameworks-and-tools">Data binding frameworks and tools</h2>
<h3><a href="/facts/Delphi_(programming_language)/sUFUXQ8r">Delphi</a></h3>
<ul><li>DSharp third-party data binding tool</li>
<li><a href="/facts/OpenWire_(library)/6SMzwgUE">OpenWire</a> Visual Live Binding - third-party visual data binding tool</li></ul>
<h3>Java</h3>
<ul><li><a href="/facts/JFace/ykBpvndF">JFace</a> Data Binding</li>
<li><a href="/facts/JavaFX/hWrAAmny">JavaFX</a> Property<a class="footnote-ref" id="fnref:1" href="#fn:1"><sup>1</sup></a></li></ul>
<h3>.NET</h3>
<ul><li><a href="/facts/Windows_Forms/H8VpGJxX">Windows Forms</a> data binding overview</li>
<li><a href="/facts/Windows_Presentation_Foundation/KTs9FcFn">WPF</a> data binding overview</li>
<li><a href="/facts/Avalonia_(software_framework)/9CB11jjT">Avalonia</a></li>
<li>Unity 3D data binding framework (available in modifications for NGUI, iGUI and EZGUI libraries)</li></ul>
<h3>JavaScript</h3>
<ul><li><a href="/facts/Angular_(web_framework)/tkAQu3A3">Angular</a></li>
<li><a href="/facts/AngularJS/vwI5s4aJ">AngularJS</a></li>
<li><a href="/facts/Backbone.js/TCrFzn5f">Backbone.js</a></li>
<li><a href="/facts/Ember.js/FGKn7NAC">Ember.js</a></li>
<li>Datum.js<a class="footnote-ref" id="fnref:2" href="#fn:2"><sup>2</sup></a></li>
<li><a href="/facts/Knockout.js/Jdg4DfD5">knockout.js</a></li>
<li><a href="/facts/Meteor_(web_framework)/GoG6RFTr">Meteor</a>, via its <i>Blaze</i> live update engine<a class="footnote-ref" id="fnref:3" href="#fn:3"><sup>3</sup></a></li>
<li><a href="/facts/OpenUI5/8JAg47NE">OpenUI5</a></li>
<li><a href="/facts/React_(JavaScript_library)/wEllNzoY">React</a></li>
<li><a href="/facts/Vue.js/AojblWPD">Vue.js</a></li></ul>
<h2 id="see-also">See also</h2>
<ul><li><a href="/facts/Data_binding/qp1TkWzk">Data binding</a></li></ul>

<h2 id="references">References</h2>

<ol>
<li id="fn:1"><p>"Using JavaFX Properties and Binding | JavaFX 2 Tutorials and Documentation". <a href="https://docs.oracle.com/javafx/2/binding/jfxpub-binding.htm" target="_blank">https://docs.oracle.com/javafx/2/binding/jfxpub-binding.htm</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li>
<li id="fn:2"><p>"Datum.js". Retrieved 7 November 2016. <a href="http://datumjs.com" target="_blank">http://datumjs.com</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li>
<li id="fn:3"><p>"Meteor Blaze". Meteor Blaze is a powerful library for creating live-updating user interfaces. Blaze fulfills the same purpose as Angular, Backbone, Ember, React, Polymer, or Knockout, but is much easier to use. We built it because we thought that other libraries made user interface programming unnecessarily difficult and confusing. <a href="https://www.meteor.com/blaze" target="_blank">https://www.meteor.com/blaze</a> <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li>
</ol>

UI data binding open-in-new

UI data binding