Codebase list node-leaflet-formbuilder / HEAD
HEAD

Tree @HEAD (Download .tar.gz) 

 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

Commit History @HEAD