数据绑定



数据绑定（英语：Data binding）是将“提供器”的数据源与“消费者”绑定并使其同步（英语：Data synchronization）的一种通用技术。这通常用两种不同语言的数据/信息源完成，如XML数据绑定（英语：XML data binding）。在UI数据绑定（英语：UI data binding）中，相同语言但不同逻辑功能的数据与信息对象被绑定在一起（例如Java UI元素到Java对象）。[1]


在数据绑定过程中，每个数据更改会由绑定到数据的元素自动反射。术语“数据绑定”也指一个外部数据表示随元素更改产生变化，并且底层数据自动更新以反映此更改。举例来说，对一个文本框的更改可能修改其根源的数据值。[2]




目录





  • 1 数据绑定框架和工具

    • 1.1 Delphi


    • 1.2 C#


    • 1.3 JavaScript


    • 1.4 Java


    • 1.5 Objective-C


    • 1.6 Scala



  • 2 参见


  • 3 参考资料


  • 4 拓展阅读




数据绑定框架和工具



Delphi


  • DSharp第三方数据绑定工具


  • OpenWire（英语：OpenWire (library)） Visual Live Binding - 第三方可视数据绑定工具

  • LiveBindings


C#


  • Windows Presentation Foundation


JavaScript


  • AngularJS

  • Backbone.js

  • BindingJS

  • Datum.js[3]

  • EmberJS（英语：EmberJS）

  • 通用数据绑定器

  • KnockoutJS（英语：KnockoutJS）

  • React

  • SAPUI5、OpenUI5（英语：OpenUI5）

  • Vue.js


Java


  • Google Web Toolkit


Objective-C


  • AKABeacon iOS数据绑定框架


Scala


  • Binding.scala[4]，用于Scala的响应式数据绑定框架。


参见


  • Windows Presentation Foundation

  • XML数据绑定（英语：XML data binding）

  • UI数据绑定（英语：UI data binding）

  • 绑定属性（英语：Bound property）


参考资料



  1. ^ What is Data Binding?. Techopedia.com. [30 December 2015]. 


  2. ^ Data Binding Overview. Microsoft Developer Network. Microsoft. [29 December 2016]. 


  3. ^ Datum.js. [7 November 2016]. 


  4. ^ Binding.scala. [30 December 2016]. 


拓展阅读



  • Noyes, Brian. Data Binding with Windows Forms 2.0: Programming Smart Client Data Applications with .NET. Pearson Education. 12 January 2006. ISBN 978-0-321-63010-0. 

-

Popular posts from this blog

【情報】本週珍珠商品重點：煉金時裝 + 艾港勞工宿舍！！

Image
(function(w,d,s,l,i))(window,document,'script','dataLayer','GTM-KDKMGT'); (function(d, s, id) var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=668497826514848"; fjs.parentNode.insertBefore(js, fjs); (document, 'script', 'facebook-jssdk')); var hotKeywords = ["u4e16u754cu738b","u4ebau53c3","u4ebau8518","u99ac","u65b0u624b","u8cbfu6613","u885du88dd","u8077u696d","u91e3u9b5a","u5de1u6797u8005","u6c34u6676","u5de1u6797","u758au5c64","u5361u666e","u6d77u602a"]; var useOldSearch = 0; var googlecseLoad = function() var cx = '001994533065495648396:c3salsx3fty'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.asyn
Read more

京昆高速公路

Image
坐标： 35°01′30″N 109°57′59″E  /  35.0249599°N 109.9665°E  / 35.0249599; 109.9665 国家高速G5 北京－昆明高速公路 路線簡稱 京昆高速 起點 北京 終點 云南昆明 建设规划 規劃總里程 2716公里 参见 中华人民共和国高速公路 中国国家高速公路网 北京－昆明高速公路 ，简称 京昆高速 （中国国家高速公路网编号 G5 ），北起北京，南抵云南昆明，途经北京、河北、山西、陕西、四川、云南6省市区，贯穿南北东西，全长约2716公里。 [1] 途经主要地区有北京－保定－石家庄－阳泉－太原－晋中－临汾－运城－渭南－西安－汉中－广元－绵阳－德阳－成都－雅安－凉山州－攀枝花－楚雄州－昆明。 目录 1 路段 2 各省过境节点与过境里程 3 沿线出入口及服务区 4 来源 5 参见 路段 中华人民共和国交通运输部已启动全国高速公路统一命名和编号工作，纳入国道主干线的高速公路将逐步使用新名称替换旧名称，下面列出其具体走向的旧名，以资参考。 北京段：全通。 河北段：京界—石家庄曲阳桥段已通，曲阳桥—山西段石太二通道已通。 山西段：全通。 陕西段：全通。 四川段：全通。 云南段：全通。 各省过境节点与过境里程 京昆高速公路过境里程 （公里） [2] 省级行政区 过境里程数 起点 起点里程数 终点（省界点） 终点里程数 北京 60 北京 0 京冀界 60 河北 274.766 冀京界 60 井陉（冀晋界） 334.766 山西 503.458 旧关（晋冀界） 335 禹门口（晋陕界） 838.458 陕西 624.451 禹门口（陕晋界） 839 棋盘关（陕川界） 1463.451 四川 1038.205 棋盘关（川陕界） 1464 永仁方山（川滇界） 2502.205 云南 213 四川田房（滇川界） 2503 昆明 2716 途径省份 里程 起点地名 终点地名 北京 40.000 北京 京冀界 河北 30.000 冀京界 涞水 135.566 涞水 保定石家庄交界 61.200 保定石家庄交界 鹿泉 48.000 鹿泉 井陉(冀晋界) 山西 141.460 旧关(晋冀界) 武宿(东山枢纽) 16.000 武宿(东山枢纽) 罗城(枢纽) 33.165 罗城(枢纽) 夏家营(义望枢纽) 23
Read more

【攻略】陳戈-謝勒汗智慧的古書 (完成)

Image
(function(w,d,s,l,i);w[l].push('gtm.start': new Date().getTime(),event:'gtm.js');var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); )(window,document,'script','dataLayer','GTM-KDKMGT'); (function(d, s, id) var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=668497826514848"; fjs.parentNode.insertBefore(js, fjs); (document, 'script', 'facebook-jssdk')); var hotKeywords = ["u4e16u754cu738b","u4ebau53c3","u99ac","u4ebau8518","u65b0u624b","u885du88dd","u8cbfu6613","u5de1u6797u8005","u8077u696d","u5de1u6797","u91e3u9b5a","
Read more