Slideworx / backbone-combobox

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

backbone-combobox

Backbone based Select component.

More info soon...

Installation

  npm install backbone-combobox --save

Sample

Sample

Usage

First, be sure that your require can resolve dependencies defined in package.json:

  • jquery
  • lodash
  • backbone
  • classnames
var Combobox = require('backbone-combobox');

// create model instance, fill it with data and select item
var model = new Combobox.Model({});
model.setData([
  {id: '1', text: '1 (title specified)', title: 'Title text'},
  {id: '2', text: '2'},
  {id: '3', text: '3 (disabled)', disabled: true},
  {id: '1.1', text: '1.1', parentId: '1'},
  {id: '1.2', text: '1.2', parentId: '1'}
  // ...
]);
model.set({selectedId: '1.1'});

// create view instance and pass it model created above
var view = new Combobox.View({ model: model });

// render and append
view.render().$el.appendTo('#target');

Contributing

First of all: npm install

(!) Generate dist versions by calling webpack in main directory (!) Remember to check if test still passes before commit.

building demo is temporary unavailable Then to see example use of combobox please install webpack-dev-server and then run npm run dev.

Please use mversion to bump version numbers eg. mversion patch to bump third number.

Release History

0.1.5 (06.06.2016)

  • build dist without external libraries. You have to care about requiring them!

0.1.4 (06.06.2016)

  • temporary disabled building demo
  • dist/ directory with bundle and vendors in separate files
  • dist/style.css is also built if you want to stick to default styles

0.1.3 (03.06.2016)

  • Extracted dependencies from dev-dependencies

0.1.2 (03.06.2016)

  • Fixed and enabled tests under npm test

0.1.1 (03.06.2016)

  • Updated README.md
  • Added demo code
  • npm run dev for development environment
  • Changed way of including template files (tpl -> text)

0.1.0 (02.06.2016)

Initial release

About

License:MIT License


Languages

Language:JavaScript 84.3%Language:CSS 14.5%Language:HTML 1.2%