logiform
logiform copied to clipboard
Published
20 hours ago •
lqez
lqez
Creates a MongoDB-alike query string from a sequence of complex conditions, vice versa.
Logiform
Logiform creates a MongoDB-like query string from a sequence of complex logical form, vice versa.
Demo site
https://lqez.github.io/logiform/
Install
bower install logiform
Or clone logiform source from its repository.
How to use
Install logiform and add below codes into the <head> section of your HTML page.
<script src="logiform.js"></script>
<link rel="stylesheet" href="logiform.css">
And activate it!
$("#foobar").logiform();
Options
Customizing logiform via plugin settings, like below.
$("#foobar").logiform({
'liveUpdate': true,
'prettify': false,
'width': {
'logicalOperator': "100px",
'comparisonOperator': "200px"
},
'onUpdate': function () {
// Blahblah
}
});
-
target- Set an target element of logiform. If you leave this null, logiform will be displayed beside the element.
- default :
null
-
prettify- Bake JSON string with indent and linefeed.
- default :
false
-
liveUpdate- Update JSON string everytime when you changed.
- default :
false
-
hideOriginal- Hide source element. (textarea, input...)
- default :
true
-
onUpdate- Logifom will call this callback function after updating conditions.
- default :
null
-
width- Set width of each item.
-
width.logicalOperator: '80px' -
width.field: '200px' -
width.comparisonOperator: '100px' -
width.value: '200px'
-
text- Set title of each buttons or operators.
-
add-condition: '+ Condition' -
add-condition-group: '+ Group' -
remove-condition: '-' -
remove-condition-group: 'Remove' -
$eq: 'AND' -
$gt: '> Greater than'
-
For more,
- Please refer default settings
License
Logiform is distributed under MIT License. See LICENSE file.
lqez