Comments (7)
well, its not in the schema.. its in the form.
you cannot put full function in the onchange=... ONLY the function call
{
"schema": {
"menu": {
"type": "array",
"title": "Options",
"items": {
"type": "string",
"title": "Option",
"enum": [
"starter",
"maincourse",
"cheese",
"dessert"
]
}
}
},
"form": [
{
"title":"<input type=\"checkbox\" onchange=\"handlechange()\"> Options ( check all)",
"type": "fieldset",
"expandable": false,
"order": 0,
"items": [
{
"key": "menu",
"notitle":true,
"type": "checkboxes",
"htmlClass":"foo",
"titleMap": {
"starter": "Starter would be great",
"maincourse": "No way I'll skip the main course",
"cheese": "Cheddar rules!",
"dessert": "Thumbs up for a dessert"
}
}
]
}
]
}
then the handleChange function might look like this (untested)
function handlechange(evt, node){
var all_checked=$(evt.target).checked // get 'all' checkbox state.. should be true/false
// use jquery to get all the checkboxes under the 'foo' class
// loop thru them
$('.foo .checkbox').forEach((box)=>{
box.checked = all_checked
})
}
from jsonform.
I see you posted to the asjf github repo too
https://github.com/hamzahamidi/ajsf
from jsonform.
Hello, thank you for the input. Could you please tell me where to add the handleChange function? I'm using Angular with TypeScript.
from jsonform.
see this
https://stackoverflow.com/questions/47068222/angular-4-checkbox-change-value
from jsonform.
Hey @sdetweil , Using your code and the generated form appears as shown in the screenshot below. However, I would like the 'select all' checkbox to be positioned in front of the options to select all fields. By the way, I am using ajsf in my project.
Are there any limitations of the ajsf library that prevent me from adding this kind of UI, like a fieldset along with a 'select all' checkbox?
from jsonform.
I don't know what you mean asjf.
this is the jsonform library
I see there is a different library for asjf angular
I do not know on the positioning. my literal coding places the checkbook in front
as far as restrictions.. this is just a lib that converts to HTML elements under the covers.. so whatever you can do in html,
I added the html checkbox for the label. you may have to use css for alignment..
from jsonform.
closing, wrong project reference
from jsonform.
Related Issues (20)
- Add custom field to fieldset HOT 2
- activeClass isn't applied correctly for schemas with defaults HOT 2
- How to build a stepper form HOT 4
- process change, just fyi.. all PRs against develop branch
- Expanded Fieldset + Default TabIndex set - Collapse issue (bug) HOT 4
- tabs-left not supported in bootstrap v3
- Hide submit button HOT 2
- How to escape slash in scope HOT 3
- Rendering fails if property name contains dots HOT 1
- Missing array brackets [] on array items when using a custom field type HOT 1
- Error: JSONForm does not yet support schemas that use the $ref keyword. See: #54" HOT 2
- Boolean options are always true HOT 5
- How to use this library with bundler HOT 1
- How to show error after a control value is changed, HOT 1
- date / datetime formatting HOT 3
- Advancedfieldset form folding click handle gets duplicated when jsonform gets called again causing the folded form to flick HOT 6
- Textarea Rows HOT 2
- Array binding issue HOT 7
- Swapping the images HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jsonform.