Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including knockback-inspector with all npm packages installed. Try it out:

var knockbackInspector = require("knockback-inspector")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

knockback-inspector v0.1.6

Knockback-Inspector.js provides an inspector tree view library for Backbone.Models and Backbone.Collections using Knockback.js

Build Status

logo

Knockback-Inspector.js provides an inspector tree view library for Backbone.Models and Backbone.Collections using Knockback.js,

#Download Latest (0.1.6):

Please see the release notes for upgrade pointers.

###Module Loading

Knockback-Inspector.js is compatible with RequireJS, CommonJS, Brunch and AMD module loading. Module names:

  • 'knockback-inspector' - knockback-inspector.js.

Dependencies

For a step-by-step guide to creating and using Knockback-Inspector, please take a look at the full tutorial.

For more information on Knockback.js, please look at the website: http://kmalakoff.github.com/knockback/

The Knockout-Inspector is designed as a small standalone library that you can integrate into your own application for debugging purposes. Just include the library file and optional styling into your HTML file:

<script src='knockback-inspector.min.js'></script>
<link rel='stylesheet' href='knockback-inspector.css'>

If you want to inspect a model, set up the bindings like:

  <ul id='model' data-bind="template: {name: 'kbi_model_node', data: kbi.nvm('root', true, $data)}"></ul>
  <script type='text/javascript'>
    var your_model = new Backbone.Model({name: 'Hello', place: 'World!'});
    ko.applyBindings(kb.viewModel(your_model), $('#model')[0]);
  </script>

If you want to inspect a collection, set up the bindings like:

  <ul id='collection' data-bind="template: {name: 'kbi_collection_node', data: kbi.nvm('root', true, $data)}"></ul>
  <script type='text/javascript'>
    var your_collection = new Backbone.Collection([{name: 'Hello', place: 'World!'}, {name: 'Goodbye', place: 'Samsara!'}]);
    ko.applyBindings(kb.collectionObservable(your_collection, {view_model: kb.ViewModel}), $('#collection')[0]);
  </script>

Building, Running and Testing the library

###Installing:

  1. install node.js: http://nodejs.org
  2. install node packages: 'npm install'

###Commands:

Look at: https://github.com/kmalakoff/easy-bake

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free