BUG: problem with passing Number and String data type to javascript function in thymeleaf looping th:each

[coldyoyo100]

BUGS:

hi, i'm struggle with passing parameter from th:each to javascript function with combination number and string. i think this is bug, because when i'm passing with same number param, the framework could read it properly but not otherwise with string.
here's the case, let say i got 3 variable :

1. requestId => Number
2. requestName => String
3. clientId => String

test 1) when insert with both same number type of data, it's work

test 2) but when combine with Number and String param, it's not working and i got error

test 3) insert same variable, but i turn 1 variable to string with single quote ( ' ' )

test4) try different approach, with combination number and string, the framework could read the string data, but not for number type data

if anyone had any solution, please help me. thx

[jmiguelsamper]

Hello Coldyoyo100,

Please bear in mind that Thymeleaf, via th:onclick, only produces text, it does not process Javascript code.

I recommend two things here:

• First, use the || syntax inside th:onclick, that would make your code clearer. You can learn it at https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#literal-substitutions
• Second, check the generated HTML output. You can see your HTML usually typing CTRL+U on your browser. You should see the value of the onclick attribute and see if that makes sense.

I guess the error you are seeing is a Javascript error, so it is probably related to Javascript infered types, not related to Thymeleaf.

[coldyoyo100]

Dear jmiguelsamper,

yes, i know Thymeleaf only produce text, that's why in "test 1" it's work. tried already with || syntax and it got error like this,
net::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)
its like HTML couldn't render what thymeleaf print for onclick function, because String datatype with "& quot;"

please look at "test 4 result" , we could see the value of clientId (String)

and this is the test with || syntax
its working when both are number type data

**when change to number and string data type, it got error **

[jmiguelsamper]

Hello,

When you say that IJKL is the value of clientId, it does not seem to be the case because if clientId were not null, the output would contain a dash (-). I simply think that clientId is null in your example.

Anyway, as I understand where you are coming from, the described problem is not a Thymeleaf issue. It is quite difficult to give you an actionable tip without seeing the full source code and data, I suggest to post it in a more general web development forum like Stack Overflow.