nested-inputs v0.1.0

nested-inputs

This control allows you create structure of nested text entries, kind of like an editable tree.

Example

Installation

Using Bower:

bower install nested-inputs

Using NPM:

npm install nested-inputs

Or simply copy nested-inputs.js and nested-inputs.css files from dist folder to your project.

Usage

$('#categories').nestedInputs();

To initialize it with existing tree data, set the value to JSON value before calling nestedInputs():

var data = JSON.stringify([
   { value: "first", children: [
       { value: "subcategory 1", children: [] },
       { value: "subcategory 2", children: [
           { value: 'third-level nesting' },
           { value: 'third-level nesting 2' }
       ] }
   ] },
   { value: "second", children: [] }
]);
$('#categories').val(data).nestedInputs();

License

Please see LICENSE for licensing details.