Knockout Crud Examples

1) Directly edit the Observable Array

X

index _id Task Completed isSelected

Just Updated (called upon save before clearing)


		
		
Just Added

		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		

		
		
Just Removed

		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		


		
2) Editing an object as a protected observable

		

			
				
			
			
				
				
			
		


		
			

				
			

			
			

				

					

						

							X
						

						

							

							
Completed

						

					

				

			

			

				
Editing

				
				
				
				
			

			
		

		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		

		
		
Just Updated (called upon save before clearing)

		

		
		
Just Added

		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		

		
		
Just Removed

		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		


		
3) Adding a new object to an Observable Array with cancellation option


		
			

				
			

			

				

					

						

							X
						

						

							

							
Completed

						

					

				

			

		
		

			
Editing

			
			
			
			
		

			
		

			
Add

			
			
			
			
		


		

			

				
					

						index
						_id
						Task
						Completed
						isSelected
					

				
				
					

						
						
						
						
						
					

				
			

		


		
4) Adding a new object to an Observable Array with cancellation option using Knockout Components