您好,请您先 登陆 或者 注册

主页 > 356bet提款多久到帐_356bet sh_356bet娱乐场官网备用产品 > Knockout利用开辟指南之进门先容2012-5-18jquery局部刷新

Knockout利用开辟指南之进门先容2012-5-18jquery局部刷新

来源:未知 2012-05-18 13:15 编辑: admin 查看: 次

  OK,若何利用它?

  Knockout的真现有何差别?

  利用KO十分简单。将你的数据描画成一个JavaScript数组对象myItems,然后利用模板(template)那个数组到表格里(或一组DIV)。不管甚么时间数组改动,UI界里也会响应改动(不消指出若何插进新行或正在哪里插进),盈余的事情就是同步了。例如:你可以声明绑定以下一个SPAN隐现数据数目(可以放正在页里的任那边所,纷歧定非要正在template里):

  让我们来看一个例子

  …界里隐现后果将变得美观多了:

  想一想正在一个页里上,航空搭客可觉得他们的观光进级高级食品套餐,当他们选择一个套餐的时间,页里立刻隐现套餐的描写和价钱。起尾,声明可用的套餐:

  2.2下载安拆

  下载地点:

  Knockout是一个轻量级的UI类库,经过利用MVVM形式使JavaScript前端UI简单化。Knockout是一个以数据模子(datamodel)为根底的可以或许帮闲你建立富文本,响应隐现和编纂用户界里的JavaScript类库。任什么时候候若是你的UI需要主动更新(好比:更新依靠于用户的行动或内部数据源的改动),KO可以或许很简单的帮你真现而且很轻易。

  Price的花式化展现了,你可以正在你的绑定里写任何JavaScript代码,KO依然能探测到你的绑定依靠代码。那就展现了当你的model改动时,KO若何只停止部分更新而不消从头render全部页里–仅仅是有依靠值改动的那部门。

  下载Knockout类库的最新版本,正在正式开辟和产物利用中,请利用默许的紧缩版本(knockout-x.x.js)。

  Knockout是一个以数据模子(datamodel)为根底的可以或许帮闲你建立富文本,响应隐现和编纂用户界里的JavaScript类库。任什么时候候若是你的UI需要主动更新(好比:更新依靠于用户的行动或内部数据源的改动),KO可以或许很简单的帮你真现而且很轻易。

  jquery部分刷新链式的observables也是撑持的(例如:总价依靠于价钱和数目)。当链改动的时间,依靠的下流部门将会从头履行,同时所有相干的UI将主动更新。不需要正在各个observables之间声明联系闭系闭系,KO框架会正在运转时主动履行的。

  KO和jQuery(或Prototype等)是开作闭系仍是能一同利用?

  1Knockout简介(Introduction)

  ◆Comprehensivesuiteofspecifications(采取行动驱动开辟)-意味着正在新的阅读器和仄台上可以很轻易经过考证。

  那就是你需要的一切…

  ◆可添加到Web法式最上部–不需要年夜的架构改动

  ◆简练的–Gzip之前年夜约25kb

  ◆声明式绑定-浅隐易懂的体例将你的用户界里指定部门联系闭系到你的数据模子上。

  ◆等闲可扩大-几行代码便可以真现自界说行动作为新的声明式绑定。

  网站:

  ◆矫捷全里的模板-利用嵌套模板可以构建复纯的动态界里。

  ◆UI界里主动刷新(AutomaticUIRefresh):当您的模子状况(modelstate)改动时,您的UI界里将主动更新。

  2.1KO事情道理及带来的益处

  jquery-tmpl.js—此版本可以很轻易利用,或你拜候网站查找最新版本。

  主要特征:

  Knockout的焦点类库是纯JavaScript代码,不依靠任何第三圆的类库。所以依照以下步调便可添加KO到你的项目里:

  ◆文雅的依靠逃踪-不管任什么时候候你的数据模子更新,都市主动更新响应的内容。

  以后,若是你要真现Delete功效,出必要指出若何操作UI元素,只需要点窜数据模子便可以了。

  总结:KO出有和jQuery或相似的DOM操作API匹敌开作。KO供给了一个联系闭系数据模子和用户界里的高级功效。KO自己不依靠jQuery,然则你可以一同同时利用jQuery,活泼陡峭的UI改动需要真正利用jQuery。

  ◆依靠(DependencyTracking):为改变和结开数据,正在你的模子数据之间隐式成立闭系。

  …除非你想利用模板绑定功效(您很有大概利用它,由于十分有效),那你需要再援用两个JavaScript文件。KO的默许模板引擎是依靠jQuery的jquery.tmpl.js。所以你需要下载下里的2个文件并正在援用KO之前援用:

  简称:KO

  正在你的HTML页里里利用

? ?