nas
/
todo_api
Watch 2
Star 1
Fork 0
Code Issues 1 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Improved mustache and zepto examples

Maurits van der Schee 8 years ago
parent
df63459368
commit
61b49bdecd
2 changed files with 12 additions and 12 deletions
Unified View Show Diff Stats
  1. 5
    5
      examples/client_mustache.html
  2. 7
    7
      examples/client_zepto.html

+ 5
- 5
examples/client_mustache.html View File

45 
 		$.post(url, {user_id:1,category_id:1,content:content}, self.update);
 45 
 		$.post(url, {user_id:1,category_id:1,content:content}, self.update);
46 
 	};
 46 
 	};
47 
 	self.render = function(data) {
 47 
 	self.render = function(data) {
48 
-		$(element).html(Mustache.to_html($(template).html(),php_crud_api_transform(data)));
48 
+		element.html(Mustache.to_html(template.html(),php_crud_api_transform(data)));
49 
 	};
 49 
 	};
50 
 	self.update = function() {
 50 
 	self.update = function() {
51 
 		$.get(url, self.render);
 51 
 		$.get(url, self.render);
53 
 	self.post = function() {
 53 
 	self.post = function() {
54 
 		$.post(url, {user_id:1,category_id:1,content:"from mustache"}, self.update);
 54 
 		$.post(url, {user_id:1,category_id:1,content:"from mustache"}, self.update);
55 
 	};
 55 
 	};
56 
-	$(element).on('submit','form',self.submit);
57 
-	$(element).on('click','a.edit',self.edit)
58 
-	$(element).on('click','a.delete',self.delete)
56 
+	element.on('submit','form',self.submit);
57 
+	element.on('click','a.edit',self.edit)
58 
+	element.on('click','a.delete',self.delete)
59 
 	self.post();
 59 
 	self.post();
60 
 };
 60 
 };
61 
-$(function(){ new PostList('#PostListDiv','#PostListTemplate'); });
61 
+$(function(){ new PostList($('#PostListDiv'),$('#PostListTemplate')); });
62 
 </script>
 62 
 </script>
63 
 </head>
 63 
 </head>
64 
 <body>
 64 
 <body>

+ 7
- 7
examples/client_zepto.html View File

43 
 	};
 43 
 	};
44 
 	self.render = function(data) {
 44 
 	self.render = function(data) {
45 
 		data = php_crud_api_transform(data);
 45 
 		data = php_crud_api_transform(data);
46 
-		$(element).html($(template).html());
47 
-		var item = $(element).find('li').first().remove();
46 
+		element.html(template.html());
47 
+		var item = element.find('li').first().remove();
48 
 		for (var i=0;i<data.posts.length; i++) {
 48 
 		for (var i=0;i<data.posts.length; i++) {
49 
 			var clone = item.clone();
 49 
 			var clone = item.clone();
50 
 			clone.find('span').each(function(){
 50 
 			clone.find('span').each(function(){
51 
 				var field = $(this).attr("class");
 51 
 				var field = $(this).attr("class");
52 
 				$(this).text(data.posts[i][field]);
 52 
 				$(this).text(data.posts[i][field]);
53 
 			});
 53 
 			});
54 
-			clone.insertBefore($(element).find('li').last());
54 
+			clone.insertBefore(element.find('li').last());
55 
 		}
 55 
 		}
56 
 	};
 56 
 	};
57 
 	self.update = function() {
 57 
 	self.update = function() {
60 
 	self.post = function() {
 60 
 	self.post = function() {
61 
 		$.post(url, {user_id:1,category_id:1,content:"from zepto"}, self.update);
 61 
 		$.post(url, {user_id:1,category_id:1,content:"from zepto"}, self.update);
62 
 	};
 62 
 	};
63 
-	$(element).on('submit','form',self.submit);
64 
-	$(element).on('click','a.edit',self.edit)
65 
-	$(element).on('click','a.delete',self.delete)
63 
+	element.on('submit','form',self.submit);
64 
+	element.on('click','a.edit',self.edit)
65 
+	element.on('click','a.delete',self.delete)
66 
 	self.post();
 66 
 	self.post();
67 
 };
 67 
 };
68 
-$(function(){ new PostList('#PostListDiv','#PostListTemplate'); });
68 
+$(function(){ new PostList($('#PostListDiv'),$('#PostListTemplate')); });
69 
 </script>
 69 
 </script>
70 
 </head>
 70 
 </head>
71 
 <body>
 71 
 <body>

Write Preview
Loading…
Cancel
Save