Forum Discussion

maxwelldhsu's avatar
maxwelldhsu
Guide
8 years ago

Load Blog Article Within Page, Within Componenet

Hi everyone!  2 questions: Is this function below actually possible in a lithium component? (this works on a pure HTML custom category page on lithium)  Is there a better way to load articles wit...
TariqHussain's avatar
TariqHussain
Boss
8 years ago

maxwelldhsu -

1. Since lithium pages are a fully dynamic page,s jQuery load function works on pure HTML pages. 

2. The better approach to is to create an endpoint for this and make a call to the endpoint to get it details. 

 

Updated code for your navbar.

<ul>
<#list blog.message as article>
<li class="articlelinks">
<button id="${article.id}">${article.subject}</button></li>
</#list>
</ul>

 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
$(document).ready(function(){
    $('button').click(function(){       
        var blogid = $(this).attr('id')
         $.get("enpointurl",{id:blogid}, function(data, status){
           alert("Data: " + data + "\nStatus: " + status);
        });
});

In your endpoint use below the call to get the article.

<#assign articleID = http.request.parameters.name.get("id","") />
SELECT body FROM messages WHERE id '${articleID}'