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

Added zepto example

Maurits van der Schee 9 years ago
parent
d70289ae2d
commit
c67bbaf46b
1 changed files with 15 additions and 15 deletions
Unified View Show Diff Stats
  1. 15
    15
      examples/client_zepto.html

+ 15
- 15
examples/client_zepto.html View File

2 
 <head>
 2 
 <head>
3 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>
 3 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>
4 
 <script src="../lib/php_crud_api_transform.js"></script>
 4 
 <script src="../lib/php_crud_api_transform.js"></script>
5 
+<script id="PostListTemplate" type="text/html">
6 
+	<ul>
7 
+		<li>
8 
+			<span class="id"></span>, <span class="content"></span>
9 
+			<a href="javascript:void(0)" class="edit">edit</a>
10 
+			<a href="javascript:void(0)" class="delete">del</a>
11 
+		</li>
12 
+		<li>
13 
+			<form>
14 
+				<input name="content"/>
15 
+			</form>
16 
+		</li>
17 
+	</ul>
18 
+</script>
5 
 <script>
 19 
 <script>
6 
 function PostList(element,template) {
 20 
 function PostList(element,template) {
7 
 	var self = this;
 21 
 	var self = this;
29 
 	};
 43 
 	};
30 
 	self.render = function(data) {
 44 
 	self.render = function(data) {
31 
 		data = php_crud_api_transform(data);
 45 
 		data = php_crud_api_transform(data);
32 
-		$(element).html($(template).find('ul').html());
46 
+		$(element).html($(template).html());
33 
 		var item = $(element).find('li').first().remove();
 47 
 		var item = $(element).find('li').first().remove();
34 
 		for (var i=0;i<data.posts.length; i++) {
 48 
 		for (var i=0;i<data.posts.length; i++) {
35 
 			var clone = item.clone();
 49 
 			var clone = item.clone();
55 
 </script>
 69 
 </script>
56 
 </head>
 70 
 </head>
57 
 <body>
 71 
 <body>
58 
-<div id="PostListTemplate" style="display:none;">
59 
-	<ul>
60 
-		<li>
61 
-			<span class="id"></span>, <span class="content"></span>
62 
-			<a href="javascript:void(0)" class="edit">edit</a>
63 
-			<a href="javascript:void(0)" class="delete">del</a>
64 
-		</li>
65 
-		<li>
66 
-			<form>
67 
-				<input name="content"/>
68 
-			</form>
69 
-		</li>
70 
-	</ul>
71 
-</div>
72 
 <div id="PostListDiv">
 72 
 <div id="PostListDiv">
73 
 	<span>Loading...</span>
 73 
 	<span>Loading...</span>
74 
 </div>
 74 
 </div>

Write Preview
Loading…
Cancel
Save