From 9956a467b05473500cc9e5f24f604331a536394d Mon Sep 17 00:00:00 2001
From: Serhii Pylypchuk <spylypchuk@xbsoftware.by>
Date: Wed, 6 Oct 2021 12:13:08 +0300
Subject: [PATCH] [fix] some backbone samples fixes (3,4,7,8)

---
 samples/03_load_collection.html | 21 +++++++++++++++------
 samples/04_save_collection.html | 21 +++++++++++++++------
 samples/07_routes_views.html    | 11 ++++++-----
 samples/08_routes_layout.html   | 20 ++++++++++++--------
 4 files changed, 48 insertions(+), 25 deletions(-)
diff --git a/samples/03_load_collection.html b/samples/03_load_collection.html
index 43b81dd..4f60d5c 100644
--- a/samples/03_load_collection.html
+++ b/samples/03_load_collection.html
@@ -13,7 +13,7 @@
 	</head>
 	<body>
 		<div style="height:300px" class="app1_here"></div>
-		
+
 		<br>
 		<div id="controls">
 			<input type="button" value="Add" onclick='films.addSample()'>
@@ -21,10 +21,19 @@
 		</div>
 
 		<script type="text/javascript" charset="utf-8">
-			$(".app1_here").webix_list({
-				id:"mylist", width:200,
-				template:"#title#", select:true
-			});
+		
+			new WebixView({
+				el:".app1_here",
+				config:{
+					rows:[
+						{
+							view:"list",
+							template:"#title#", select:true,
+							id:"mylist"
+						}
+					]
+				}
+			}).render();
 
 			FilmRecord = Backbone.Model.extend({});
 			FilmList = Backbone.Collection.extend({
@@ -48,4 +57,4 @@
 			$$("mylist").sync(films);
 		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/samples/04_save_collection.html b/samples/04_save_collection.html
index 679f724..710211a 100644
--- a/samples/04_save_collection.html
+++ b/samples/04_save_collection.html
@@ -13,7 +13,7 @@
 	</head>
 	<body>
 		<div style="height:300px" class="app1_here"></div>
-		
+
 		<br>
 		<div id="controls">
 			<input type="button" value="Add" onclick='$$("mylist").add({ title:"New Item" }, 1)'>
@@ -21,10 +21,19 @@
 		</div>
 
 		<script type="text/javascript" charset="utf-8">
-			$(".app1_here").webix_list({
-				id:"mylist", width:200,
-				template:"#title#", select:true
-			});
+
+			new WebixView({
+				el:".app1_here",
+				config:{
+					rows:[
+						{
+							view:"list",
+							template:"#title#", select:true,
+							id:"mylist"
+						}
+					]
+				}
+			}).render();
 
 			FilmRecord = Backbone.Model.extend({});
 			FilmList = Backbone.Collection.extend({
@@ -44,4 +53,4 @@
 			$$("mylist").sync(films);
 		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/samples/07_routes_views.html b/samples/07_routes_views.html
index c0208ac..9467439 100644
--- a/samples/07_routes_views.html
+++ b/samples/07_routes_views.html
@@ -13,16 +13,17 @@
 	</head>
 	<body>
 		<div style="height:300px; width:200px" id="app1_here"></div>
-		
-		
+
+
 		<script type="text/javascript" charset="utf-8">
 			var routes = new (Backbone.Router.extend({
 				routes:{
-					"":"index", 
+					"":"index",
 					"films/:id":"details"
 				},
 				details:function(id){
 					template.render();
+					if($$("mylist")){ $$("mylist").destructor();}
 				},
 				index:function(){
 					layout.render();
@@ -58,7 +59,7 @@
 
 			//init app
 			Backbone.history.start();
-			
+
 		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/samples/08_routes_layout.html b/samples/08_routes_layout.html
index 408cbf5..fe6ffac 100644
--- a/samples/08_routes_layout.html
+++ b/samples/08_routes_layout.html
@@ -13,12 +13,12 @@
 	</head>
 	<body>
 		<div style="height:300px; width:200px" id="app1_here"></div>
-		
-		
+
+
 		<script type="text/javascript" charset="utf-8">
 			var routes = new (Backbone.Router.extend({
 				routes:{
-					"":"index", 
+					"":"index",
 					"films/:id":"details"
 				},
 				details:function(id){
@@ -39,9 +39,13 @@
 			});
 			var list = new WebixView({
 				config:{
-					view:"list", url:"common/data.json",
-					template:"#title#", select:true,
-					id:"mylist"
+					rows:[
+						{
+							view:"list", url:"common/data.json",
+							template:"#title#", select:true,
+							id:"mylist"
+						}
+					]
 				}
 			});
 			var layout = new WebixView({
@@ -58,7 +62,7 @@
 			//init app
 			layout.render();
 			Backbone.history.start();
-			
+
 		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
