canon0909

#Backbone.jsでUIバインディング

Backbone.jsはAngularJSのようなUIバインディングを持たないので自分でバインドしなければなりません。例えば、テキストボックスの入力内容をモデルに格納して、さらにモデルの内容を別のDOM要素に表示する、というのはこんな感じかと思います。

Code - コードの挿入

puts 'The best way to log and share programmers knowledge.'

puts 'The best way to log and share programmers knowledge.'

また、コードをインライン表示することも可能です。

	<!DOCTYPE HTML>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<title>test index</title>
	</head>
	<body>

	<div></div>

	<!DOCTYPE HTML>
	<html lang="ja" ng-app="myApp">
	<head>
	<meta charset="UTF-8">
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
	</head>
	<body ng-controller="myCtrl">

	<ul>
	<li ng-repeat="user in users \| filter:{age:20}">

	<!DOCTYPE HTML>
	<html lang="ja-JP">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<script type="text/javascript" src="validate.js"></script>
	</head>
	<body>

	var sprintf = function (str) {
	var args = Array.prototype.slice.call(arguments, 1),
	hash = {
	'%s': String,
	'%d': parseInt,
	'%f': parseFloat
	};
	return str.replace(/%0(\d+)d/g, function (m, num) {
	var r = String(args.shift()),
	c = '';

	var addListener = (function (window) {
	if (window.addEventListener) {
	return function (el, type, fn) {
	el.addEventListener(type, fn, false);
	};
	}
	if (window.attachEvent) {
	return function (el, type, fn) {
	var f = function () {
	fn.call(el, window.event);

	function getType(obj) {
	return Object.prototype.toString.call(obj).slice(8, -1);
	}