{"id":22862427,"url":"https://github.com/tomi77/backbone-forms-jquery-ui","last_synced_at":"2025-03-31T08:46:15.193Z","repository":{"id":58246324,"uuid":"63946410","full_name":"tomi77/backbone-forms-jquery-ui","owner":"tomi77","description":"Backbone-Forms jQuery UI editors","archived":false,"fork":false,"pushed_at":"2018-01-16T10:18:35.000Z","size":164,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-06T14:03:28.169Z","etag":null,"topics":["autocomplete","backbone-forms","checkbox","checkboxes","checkboxradio","datepicker","jquery-ui","radio","selectmenu","slider","spinner"],"latest_commit_sha":null,"homepage":"https://tomi77.github.io/backbone-forms-jquery-ui/","language":"CoffeeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomi77.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-22T10:49:15.000Z","updated_at":"2018-01-14T13:43:33.000Z","dependencies_parsed_at":"2022-08-31T00:21:38.373Z","dependency_job_id":null,"html_url":"https://github.com/tomi77/backbone-forms-jquery-ui","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomi77%2Fbackbone-forms-jquery-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomi77%2Fbackbone-forms-jquery-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomi77%2Fbackbone-forms-jquery-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomi77%2Fbackbone-forms-jquery-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomi77","download_url":"https://codeload.github.com/tomi77/backbone-forms-jquery-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246443525,"owners_count":20778247,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","backbone-forms","checkbox","checkboxes","checkboxradio","datepicker","jquery-ui","radio","selectmenu","slider","spinner"],"created_at":"2024-12-13T10:13:32.338Z","updated_at":"2025-03-31T08:46:15.176Z","avatar_url":"https://github.com/tomi77.png","language":"CoffeeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Backbone-Forms jQuery UI editors\n\n[![Build Status](https://travis-ci.org/tomi77/backbone-forms-jquery-ui.svg?branch=master)](https://travis-ci.org/tomi77/backbone-forms-jquery-ui)\n[![Code Climate](https://codeclimate.com/github/tomi77/backbone-forms-jquery-ui/badges/gpa.svg)](https://codeclimate.com/github/tomi77/backbone-forms-jquery-ui)\n[![dependencies Status](https://david-dm.org/tomi77/backbone-forms-jquery-ui/status.svg)](https://david-dm.org/tomi77/backbone-forms-jquery-ui)\n[![devDependencies Status](https://david-dm.org/tomi77/backbone-forms-jquery-ui/dev-status.svg)](https://david-dm.org/tomi77/backbone-forms-jquery-ui?type=dev)\n![Downloads](https://img.shields.io/npm/dt/backbone-forms-jquery-ui.svg)\n\nA [Backbone-Forms](https://github.com/powmedia/backbone-forms) [jQuery UI](https://jqueryui.com/) related editors\n\n## Table of contents\n\n* [Installation](#installation)\n* [jQuery UI editors](#editors)\n  * [autocomplete](#autocomplete)\n  * [checkbox](#checkbox)\n  * [checkboxes](#checkboxes)\n  * [datepicker](#datepicker)\n  * [radio](#radio)\n  * [selectmenu](#selectmenu)\n  * [slider](#slider)\n  * [spinner](#spinner)\n\n## Installation\n\nBower:\n\n~~~bash\nbower install backbone-forms-jquery-ui\n~~~\n\nNPM:\n\n~~~bash\nnpm install backbone backbone-forms backbone-forms-jquery-ui\n~~~\n\n## jQuery UI editors\n\n### autocomplete\n\n#### Schema options\n\n`options` - Array of strings or Backbone Collection\n\n`editorOptions` - jQuery UI autocomplete [options](http://api.jqueryui.com/autocomplete/)\n\n#### Example\n\n~~~js\nvar states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',\n  'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',\n  'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',\n  'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',\n  'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',\n  'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',\n  'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',\n  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',\n  'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'\n];\n\nvar form = new Backbone.Form({\n  schema: {\n    state: {\n      type: 'jqueryui.autocomplete',\n      title: 'State',\n      options: states,\n      editorOptions: {\n        minLength: 2\n      }\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/autocomplete.html)\n\n### checkbox\n\n#### Schema options\n\n`editorOptions` - jQuery UI checkboxradio [options](http://api.jqueryui.com/checkboxradio/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    val: {\n      type: 'jqueryui.checkbox',\n      title: 'Val'\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/checkbox.html)\n\n### checkboxes\n\n#### Schema options\n\n`editorOptions` - jQuery UI checkboxradio [options](http://api.jqueryui.com/checkboxradio/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    val: {\n      type: 'jqueryui.checkboxes',\n      title: 'Val',\n      options: ['1', '2', '3']\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/checkboxes.html)\n\n### datepicker\n\n#### Schema options\n\n`editorOptions` - jQuery UI datepicker [options](http://api.jqueryui.com/datepicker/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    date: {\n      type: 'jqueryui.datepicker',\n      title: 'Date',\n      editorOptions: {\n        numberOfMonths: [2, 3]\n      }\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/datepicker.html)\n\n### radio\n\n#### Schema options\n\n`editorOptions` - jQuery UI checkboxradio [options](http://api.jqueryui.com/checkboxradio/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    val: {\n      type: 'jqueryui.radio',\n      title: 'Val',\n      options: ['1', '2', '3']\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/radio.html)\n\n### selectmenu\n\n#### Schema options\n\n`options` - Array of strings or Backbone Collection\n\n`editorOptions` - jQuery UI selectmenu [options](http://api.jqueryui.com/selectmenu/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    speed: {\n      type: 'jqueryui.selectmenu',\n      title: 'Speed',\n      options: ['Slower', 'Slow', 'Medium', 'Fast', 'Faster']\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/selectmenu.html)\n\n### slider\n\n#### Schema options\n\n`editorOptions` - jQuery UI slider [options](http://api.jqueryui.com/slider/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    val: {\n      type: 'jqueryui.slide',\n      title: 'Val'\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/slider.html)\n\n### spinner\n\n#### Schema options\n\n`editorOptions` - jQuery UI spinner [options](http://api.jqueryui.com/spinner/)\n\n#### Example\n\n~~~js\nvar form = new Backbone.Form({\n  schema: {\n    val: {\n      type: 'jqueryui.spinner',\n      title: 'Val',\n      editorOptions: {\n        min: 0,\n        max: 100,\n        page: 10\n      }\n    }\n  }\n});\n~~~\n\n[Demo](https://tomi77.github.io/backbone-forms-jquery-ui/spinner.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomi77%2Fbackbone-forms-jquery-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomi77%2Fbackbone-forms-jquery-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomi77%2Fbackbone-forms-jquery-ui/lists"}