KnockoutJS-App is a basic functioning CRUD (Create, Read, Update & Delete) application using KnockoutJS. The application demonstrates the loading, rendering and saving of nested JSON data using AJAX. The application uses:
- knockout components to create an encapsulated HTML component or widget,
- knockout-mapping plugin to make complex nested objects observables,
- Bootstrap for styling and theming the user interface and
- Toastr for notifications.
Source: github.com/omerio/knockout-app
Author: Omer Dawelbeit
JSFiddle example (without AJAX): http://jsfiddle.net/omerio/pr04gsta/15/
Fully functional example (with AJAX and backend): http://knockout-app.appspot.com/
Get started with KnockoutJS-App:
Prequisites: Node, Git, Grunt, Bower
- Clone the git repository -
git clone https://github.com/omerio/knockout-app - Install the required NodeJS packages -
npm install - Install any dependencies using Bower -
bower install - Run grunt -
grunt
The KnockoutJS-App documentation explains the application code and functionality in details.
Here are some of the main features of KnockoutJS-App:
- KnockoutJS mapping plugin example to make data retrieved from the server observable.
- KnockoutJS component example with template loading using AJAX.
- Display and managing a list of objects with nested properties.
- Inline editing of data.
- Using Boostrap for theming and Toastr for showing notifications.
- Grunt setup with Stubby server to stub AJAX requests and responses.