backbone.js
先輩に習った事。backboneでsetを多用すると、その度にeventが走るので(change)とか。 あまり、多用しないほうがいいいとの事。 一旦、データは全データぶっ込んでそこから取得する時に工夫した方がいいいとの事。 勉強になるなー!
一番最初に読み込まれるファイルで、各種、jquery等のロードを行う #main.js /*global require*/ 'use strict'; require.config({ // Base URL to our scripts baseUrl: '/scripts', // Sets the configuration for your third party scripts that are not A…
index.html <a class="hogehoge">hogehoge-1</a> <a class="hogehoge">hogehoge-2</a> view側 events: { 'click a.hogehoge': 'hoge', }, hoge: function(e) { var text = ($(e.target).text()); console.log(text); } console出力 hogehoge-2
JavaScript テンプレートエンジン vs DOM 直接操作
BackBone.jsのソースに出てきたscript type=text/templateの意味は? backbone.jsのExsampleに出てくるTODOアプリのソースを見たところ、 todo.htmlにこんなコードが。jspみたいな構文が書いてあります。 <script type="text/template" id="item-template"> <div class="view"> <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> /> <label><%- title %><…</label></div>
ちょっとハマったので_φ(。_。*) JSONデータ(data) {"projects":[{"projectId":2,"projectCode":"00000011","projectName":"hogeproject","projectStatus":"DRAFT"}],"metadata":{"offset":0,"limit":10,"total":1}} 出力 console.log(JSON.stringify(this.mo…
modelで取得したデータをviewで表示できなくはまったので_φ(。_。*) これで解決! model側 var ProjectListModel = Backbone.Model.extend({ defaults: {}, initialize: function() {}, getProjectList: function() { var self = this; var request = $.ajax(…