Comments (4)
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from jsonform.
You can add an onBeforeRender
callback to the jsonForm initialiser object.
You can use this callback to set the template to use for any element without having to use the form section of the configuration.
$('form').jsonForm({
schema: {
// ... schema data goes here.
},
onBeforeRender: function (data, node) {
// Set the template to be rendered for this node.
node.template = '<%= template_string %>...';
}
});
The callback receives data about the node and the current formNode
instance itself.
...
onBeforeRender: function (data, node) {
/*
The `data` property has the following structure:
{
id: formNode.id,
keydash: formNode.keydash,
elt: formNode.formElement,
schema: formNode.schemaElement,
node: formNode,
value: isSet(formNode.value) ? formNode.value : '',
escape: function escapeHTML
}
*/
data.elt.key; // A string representing the full data path for this element: 'item.list[].listItem'
node.arrayPath; // The index for each array in `data.elt.key`.
node.name; // The interpolated key/arrayPath. e.g.: 'item.pricing[0].listItem'
// Get information on parent nodes through `node.parentNode`.
node.parentNode.schemaElement.type;
// Set `fieldtempalte` to false to avoid wrapping
// this element in boilerplate markup.
node.fieldtemplate = false;
}
...
I hope that helps :)
from jsonform.
I have exactly the same need. Simply to turn some text fields into text areas in a long form. An override solution, or ability to add these fields into additional json schema properties directly would be a great help.
from jsonform.
Implemented customFormItems property for the jsonform option to custom form layout for selected schema key in above mentioned commit of my branch.
from jsonform.
Related Issues (20)
- Question: populating arrays with data and grow rendered form dynamically HOT 3
- Question on possibility of Multiselect checkbox dropdown using jsonform HOT 6
- Array Field's Icons(add/remove) are misaligned HOT 6
- form type checkboxes does correctly display, produces no results on submit HOT 2
- Error in Navigation Tabs when the title has more than one blank space HOT 2
- Select input does not support selecting multiple options HOT 9
- How to add class on label tag HOT 4
- change the 'previously submitted values' from a variable. HOT 26
- Ace Type as Array HOT 10
- How to Map My Custom JSON Value to JSON Forms HOT 8
- titleMap in selectbox array HOT 4
- [Question] How to get the markup of the form programatically in JS without attaching it to a DOM element HOT 3
- How to make a valid json with a onChange function ? HOT 4
- 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
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.