Forum Discussion

cike's avatar
cike
Champion
11 years ago

"Unterminated String literal" error when append component

Hey guys,   I'm trying to append a component (e.g. pagination) to my page using jQuery's append()-function:   $("mySelector").append('<@component id="common.widget.pager"/>');   But this piece ...
cike's avatar
cike
Champion

Hi irach15,

 

unfortunately, as nathan described in his former posts it is not possible to append a piece of content which is rendered by the @component notation.

 

For our case we find a solution which adds the pagination component via Freemarker. To handle the pagination we wrote some JavaScript which works with our component and community structure.

 

Regards,

Christian

irach15's avatar
irach15
Maven
9 years ago

cike,

actually, in my case I'm able to do it and it's possible ;-)

I'm adding one component inside another, both of them are custom components

 

<div>
        <div id="hottopics"></div>
    </div>
    <@liaAddScript>
        ;(function($){
        // add another component
        
        var topics = $('#hottopics');
        
        topics.append('<@component id="test-plug-to-js"></@component>');
        

        console.log('i got through!');
        
        })(LITHIUM.jQuery);
    </@liaAddScript>

the only trick is to strip-out white-spacing and line breaks in test-plug-to-js component.

 Wrap your component in 

 

<@compress single_line=true>...</@compress>

to get rid off line spacing

 

http://freemarker.org/docs/dgui_misc_whitespace.html