As the title says. Builds the html Object like: id="#s1043" data-test="{"myVarName":"1"}"
Here output was quoted but jquery read it without problems and it's validating.
| Description | HTML5 data attribute as JSON data in fluid contentelement |
| Author | githubrsys |
| Creation date | 2015-01-08T12:04:51.000Z |
| Extensions |
|
| Tags |
|
| Files |
| <div xmlns="http://www.w3.org/1999/xhtml" lang="en" | |
| xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" | |
| xmlns:flux="http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers" | |
| xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"> | |
| <f:layout name="Content"/> | |
| <f:section name="Configuration"> | |
| <flux:form id="foo" label="bar" description="Lorem" options="{useTypoScript: 0, group: 'Foo', Fluidcontent: {sorting: 400}, icon: '{f:uri.resource(path: \'Icons/foo.png\')}'}"> | |
| <flux:form.section name="bar"> | |
| <flux:field.select name="individualFoo" items="default" default="default" label="bar"/> | |
| </flux:form.section> | |
| </flux:form> | |
| </f:section> | |
| <f:section name="Preview"> | |
| <flux:widget.grid/> | |
| </f:section> | |
| <f:section name="Main"> | |
| <v:asset name="foo{record.uid}" dependencies="jquery" debug="0" fluid="TRUE"> | |
| <script>console.log($('#s{record.uid}').data('test').myVarName)</script> | |
| </v:asset> | |
| <v:variable.set value="{myVarName:individualFoo}" name="iFoo"/> | |
| <div id="s{record.uid}" data-test='{iFoo -> v:format.json.encode()}'></div> | |
| </f:section> | |
| </div> |