Binding to Jquery Template data not displaying as I expected

Question

I am using JQuery templates and I am binding data to the template. However if I have a string with a space in the word I do not see the entire contents display on the template.

Is there a simple conversion that I'm missing?

For example.

My object:

Object {MainText: "ABCD THE MAN", TextOverride: "ABCDTHE MAN", HideFromView: true}

My fields:

<input type="text" class="group-text" value=${MainText}></>
<input type="text" class="group-text" value=${TextOverride}></>
<input id="Checkbox1" class="hide-in-schedule" type="checkbox" value="${HideFromView}" />

However the result looks like this:

Group Text: ABCD
Text Override: ABCDTHE

You need to surround the value in the html with quotes. Like you are for the Checkbox1 — Taplar
– Taplar, Commented Nov 9, 2015 at 19:18

celerno · Accepted Answer · 2015-11-09 19:20:49Z

1

Try using quotes on html values:

<input type="text" class="group-text" value="${MainText}"></>
<input type="text" class="group-text" value="${TextOverride}"></>
<input id="Checkbox1" class="hide-in-schedule" type="checkbox" value="${HideFromView}" />

answered Nov 9, 2015 at 19:20

celerno

1,38512 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John Doe Over a year ago

Thanks. Didn't even catch that they were missing.

Collectives™ on Stack Overflow

Binding to Jquery Template data not displaying as I expected

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related