JSViews

https://github.com/BorisMoore/jsviews

JsViews: next-generation MVVM and MVP framework - bringing templates to life

The power of MVVM, the flexibility of JavaScript, the speed and ease of JsRender templates and jQuery

JsViews builds on top of JsRender templates, and adds data-binding and observable data, to provide a fully-fledged MVVM platform for easily creating interactive data-driven single-page apps and websites.

例子

http://www.jsviews.com/#samples

http://www.jsviews.com/#jsvplaying

<!DOCTYPE html>
<!-- To run the current sample code in your own environment, copy this to an html page. -->

<html>
<head>
  <script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
  <base href="//www.jsviews.com/samples/" />
  <script src="../download/jsviews.min.js"></script>
  <link href="samples.css" rel="stylesheet" />
</head>
<body>

<table><tbody id="peopleList"></tbody></table>

<script id="peopleTmpl" type="text/x-jsrender">
  <tr><td>
    <button id="addBtn">Add</button>
  </td></tr>
  {^{for people}}
    <tr><td>
      {{:name}}
    </td></tr>
  {{/for}}
</script>

<script>
var myTemplate = $.templates("#peopleTmpl");

var people = [
    {
      name: "Adriana"
    },
    {
      name: "Robert"
    }
  ];

var app = {
    people: people
  };

myTemplate.link("#peopleList", app);

$("#addBtn").on("click", function() {
  $.observable(people).insert({name: "name"});
});
</script>

</body>
</html>

JSViews API

http://www.jsviews.com/#jsvapi

JsRender and JsViews

JsRender is used for data-driven rendering of templates to strings, ready for insertion in the DOM. (See JsRender Quickstart and JsRender GitHub repository).

JsViews incorporates JsRender templates, together with data-binding, observable data and MVVM support. It provides a powerful platform for building dynamic interactive websites and single-page apps.

(Note: JsRender and JsViews together provide the next-generation implementation of the official jQuery plugins JQuery Templates, and JQuery Data Link – and supersede those libraries.)

Topics:

Data-linked template syntax

Template tags

Render and link a template

Building apps

Top-level data-linking

Views: from UI to data

Targets for data-linking

Settings

Advanced

評價

http://blchen.com/jsviews-javascript-mvvm-framework/

https://stackoverflow.com/questions/tagged/jsviews （每個問題回答者，只有1或者2個，說明應用不廣泛）

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jQuery和MVVM類框架的編程區別點 MVVM 框架使用avalon MVVM框架打造整一套jquery ui wpf MVVM框架基礎整合MVVM框架(Prism) MVVM框架的簡單理解 Vue中的MVVM框架基於xlua和mvvm的unity框架 MVVM框架簡單實現 Android ——MVVM基本框架（ViewModel）