Power Platform Community Forum Thread Details

Use Liquid Variable (generated in html) to javascript

Hello!

I am building a Power Page and I need to reference in my Javascript (advanced web page options) a variable generated in Liquid code in the HTML.

HTML code (liquid)

{% fetchxml articles_search %}

</entity>

</fetch>

{% endfetchxml %}

{% assign articles_for_search = articles_search.results.entities %}

var articles_for_searching = {{articles_for_search|json}};

</script>

Javascript code

inputSearch.onkeyup = e => {

let userData = e.target.value;

let emptyArray = [];

if (userData) {

emptyArray = articles_for_searching.filter(data => {

return data

.toLocaleLowerCase()

.startsWith(userData.toLocaleLowerCase());

});

console.log(emptyArray)

}}

But when I test the page running the console.log, I get the following error:

I need to call the variable in js somehow or what am I doing wrong?

Thanks!

Categories:

General

{% fetchxml YourEntity %} <fetch> <entity name="YourEntityName"> <attribute name="Attr1" /> <attribute name="Attr2" /> </entity> </fetch> {% endfetchxml %}  [ {% for item in YourEntity.results.entities %} { "id": "{{ item.id }}", "name": "{{ item.name }}" }{% unless forloop.last %}, {% endunless %} {% endfor %} ]

Quick Links

Leaderboard > Power Pages