File: README.md

package info (click to toggle)
node-leaflet-formbuilder 0.2.1-4
  • links: PTS, VCS
  • area: main
  • in suites: bullseye
  • size: 100 kB
  • sloc: sh: 25; makefile: 2
file content (29 lines) | stat: -rw-r--r-- 1,144 bytes parent folder | download | duplicates (3)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# Leaflet.FormBuilder

Helpers to build forms synchronized with Leaflet objects.


# Usage

```
var tilelayerFields = [
    ['options.tilelayer.name', {handler: 'BlurInput', placeholder: 'display name'}],
    ['options.tilelayer.url_template', {handler: 'BlurInput', helpText: 'Supported scheme: http://{s}.domain.com/{z}/{x}/{y}.png', placeholder: 'url'}],
    ['options.tilelayer.maxZoom', {handler: 'BlurIntInput', placeholder: 'max zoom'}],
    ['options.tilelayer.minZoom', {handler: 'BlurIntInput', placeholder: 'min zoom'}],
    ['options.tilelayer.attribution', {handler: 'BlurInput', placeholder: 'attribution'}],
    ['options.tilelayer.tms', {handler: 'CheckBox', helpText: 'TMS format'}]
];
var builder = new L.FormBuilder(myObject, tilelayerFields, {
    callback: myCallback,
    callbackContext: this
});
myContainer.appendChild(builder.build());
```


See more examples of usage:

- https://github.com/yohanboniface/Leaflet.Storage/blob/master/src/js/leaflet.storage.forms.js
- https://github.com/kosmtik/kosmtik/blob/master/src/front/FormBuilder.js
- https://github.com/kosmtik/kosmtik/blob/master/src/front/Core.js#L102-L114