Hi,
i am tying to integrate the Nbox component into an non jet application (version 9.1 ) without knockout. My app is using the data-oj-binding-provider="none“ attribute.
Would be really helpful if someone could provide an working example of an Nbox without knockout. I tried the example from the nbox documentation which is not rendering anything:
<oj-n-box
columns='[{"id":"low"}, {"id":"high"}]'
rows='[{"id":"low"}, {"id":"high"}]'
nodes='[{"column":"low", "row":"high", "label":"Employee 1"},
{"column":"low", "row":"low", "label":"Employee 2"},
{"column":"high", "row":"high", "label":"Employee 3"},
{"column":"low", "row":"high", "label":"Employee 4"}]'>
</oj-n-box>
This is another code i tried, adapted from the cookbook, which is also not working. I tried to use the parameter 'nodes' instead of 'data' , since the code fails to parse the data attribute.
<oj-n-box
id='nbox-container'
animation-on-data-change='auto'
nodes='[{"label":"Nina Evans 1","column":"0","row":"0"}]'
rows='[{"id":"0"},{"id":"1"},{"id":"2"}]'
columns='[{"id":"0"},{"id":"1"},{"id":"2"}]'
cells='[{"row":"0","column":"0","shortDesc":"Low Potential, Poor Performance"},{"row":"0","column":"1","shortDesc":"Low Potential, Fair Performance"},{"row":"0","column":"2","shortDesc":"Low Potential, Good Performance"},{"row":"1","column":"0","shortDesc":"Medium Potential, Poor Performance"},{"row":"1","column":"1","shortDesc":"Medium Potential, Fair Performance"},{"row":"1","column":"2","shortDesc":"Medium Potential, Good Performance"},{"row":"2","column":"0","shortDesc":"High Potential, Poor Performance"},{"row":"2","column":"1","shortDesc":"High Potential, Fair Performance"},{"row":"2","column":"2","shortDesc":"High Potential, Good Performance"}]'
rows-title='Potential'
columns-title='Performance'>
</oj-n-box>
Looking forward to get some help :)
Thanks
Till