<script type="text/template" id="tpl">
<% for(var i = 0; i < list.length; i++) { %>
<% var item = list[i] %>

• <%=item.firstName%> <%=item.lastName%> <%-item.city%>
<% } %>

在本例中，我们将模板内容放到一个

总结

以上是小编为你收集整理的深入解析Backbone.js框架的依赖库Underscore.js的作用全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

Backbone JS框架指南

Backbone React Requirejs 应用实战(二)——使用Backbone Model

在一篇《Backbone React Requirejs 应用实战(一)——RequireJS管理React依赖》，我们介绍了如何使用Requirejs管理我们的JS，这一篇让我们来看看如何使用model。

react.backbone

react.backbone简介

项目首页: https://github.com/clayallsopp/react.backbone

Plugin for React to make Backbone integration easier. Initialize your component with a Backbone.Model or Backbone.Collection; when the model or collection changes,#render will be called.

安装

bower install react.backbone --save-dev

README上有这样一个例子:

var UserViewComponent = React.createBackboneClass({
    changeOptions: "change:name",// DEFAULT is "change",render: function() {
        return (
          <div>
              <h1>{this.getModel().get("name")}</h1>
          </div>
        );
    }
});

var user = new Backbone.Model();
var UserView = React.createFactory(UserViewComponent);
var userView = UserView({model: user});

可惜太长了。让我们来作一个简单的例子:

React使用Backbone Model

记得在上一篇中，我们提到了router，在Router里的project是这样子的:

project: function(){
        var user = new usermodel({name: 'phodal'});
        var UserView = React.createFactory(ProjectComponent);
        var userView = new UserView({model: user});
        React.render(userView,document.getElementById('main_content'));
    },

而usermodel则是一个简单的model

define(['backbone'],function(Backbone) {
    var usermodel = Backbone.Model.extend({
        initialize : function(name) {
            this.name = name;
        },defaults:{
            name:null
        }
    });

    return usermodel;
});

我们用到了一个叫ProjectComponent的component，最后将它渲染到main_content这个id上。

我们的projectcomponent是这样子的:

define([
    'react','react.backbone'
],function(React){
    return React.createBackboneClass({
        render: function () {
            return (
                <div>
                    <h1>{this.getModel().get('name')}</h1>
                    Project
                </div>);
        }
    });
});

从我们的model里面获取``name`。

这样，我们就可以简单地在我们的应用中使用Backbone Model。

其他

Github: https://github.com/phodal/backbone-react

Backbone 模板 underscore template默认的转义符<%= %> 与jsp的冲

先定义转义符，因为默认的转义符<%= %> 与jsp的冲突（如果js模板写在jsp页面中）      

    _.templateSettings = {

       interpolate : /\{\{(.+?)\}\}/g

    };

backbone.js – “未捕获TypeError：undefined不是函数”初始化Backbone集合

var FooCollection = Backbone.Collection.extend({
    model:Foo,initialize: function (attributes,options) {
        this.barId = options.barId;
    }
});

var Foo = Backbone.Model.extend({});

// Prepare a model or hash of attributes to be added to this collection.
_prepareModel: function(model,options) {
  options || (options = {});
  if (!(model instanceof Model)) {
    var attrs = model;
    options.collection = this;
    model = new this.model(attrs,options); // <-- BLOWS UP HERE
    if (!model._validate(model.attributes,options)) model = false;
  } else if (!model.collection) {
    model.collection = this;
  }
  return model;
},

关于深入解析Backbone.js框架的依赖库Underscore.js的作用和backgrounderaction12依赖的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于Backbone JS框架指南、Backbone React Requirejs 应用实战(二)——使用Backbone Model、Backbone 模板 underscore template默认的转义符<%= %> 与jsp的冲、backbone.js – “未捕获TypeError：undefined不是函数”初始化Backbone集合等相关知识的信息别忘了在本站进行查找喔。