Как передать динамические данные в функцию javascript с помощью Liquid?

На сайте клиентского портала Dynamics-365 я создал веб-страницу, которая в основном будет отображать все установленные активы в сетке под учетной записью клиента.

Для этого я создал список сущностей, который имеет 6 представлений для отображения.

Для какой-то объективной цели мне нужно, чтобы имена столбцов (которые я вычисляю в приведенном ниже коде) передавались в функцию javascript. Если я изменю вид и нажму кнопку «Загрузить», тогда он должен передать имена столбцов в функцию.

Но, увы, каждый раз я получаю только пустую строку. Есть ли способ решить это?

Скелет страницы выглядит следующим образом:

{% assign data = "" %}
{% assign columns = "" %} // columns will come from a dynamic configuration

{% entitylist id:page.adx_entitylist.id %}
    <div class="navbar navbar-default">
        <a href="#" title="Download" onclick="downloadAssets('{{data}}')" >Download</a>
    </div>
    <div>
        <ul class="dropdown-menu" role="menu">
            {% for view in entitylist.views -%}
                {% assign view_name = view.name | split: '-' %}
                <li{% if params.view == view.id %} class="active"{% endif %}>
                   <a href="{{ request.path | add_query:'view', view.id }}">{{view_name.last}}</a>
                </li>
            {% endfor -%}
        </ul>
    </div>

    {% entityview id:viewid, search:params.search, order:params.order, page:params.page, pagesize:params.pagesize, metafilter:params.mf %}
        {% assign data = "" %}
        {% for c in entityview.columns %}
            {% if columns contains c.logical_name %}
                {% assign data = data | append: c.logical_name %}
                <div> {{data}} </div>
            {% endif %}
        {% endfor %}
    {% endentityview %}
{% endentitylist %}

<script>
    function downloadAssets(data){
        console.log(data);
    }
</script>


person Protap Ghosh    schedule 14.11.2019    source источник


Ответы (2)


Я не знаком с Liquid, но, возможно, этот фрагмент кода может вам помочь. Я получил метаданные столбца в одном из моих проектов. Одной из трудностей было найти объект, содержащий перевод:

_self._getColumnLocalization = function (entityType, columnName) {
                var result = null;
                var req = new XMLHttpRequest();
                req.open("GET", '../../../api/data/v8.2/EntityDefinitions(LogicalName=%27' + entityType + '%27)?$select=Attributes&$expand=Attributes($select=DisplayName;$filter=LogicalName%20eq%20%27' + columnName + '%27)', false);
                req.setRequestHeader("Accept", "application/json");
                req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
                req.setRequestHeader("OData-MaxVersion", "4.0");
                req.setRequestHeader("OData-Version", "4.0");
                req.setRequestHeader("Prefer", "odata.include-annotations=\"OData.Community.Display.V1.FormattedValue\"");
                req.onreadystatechange = function () {
                    if (this.readyState == 4) {
                        req.onreadystatechange = null;
                        if (this.status == 200) {
                            if (this.response) {
                                result = JSON.parse(this.response);
                            }
                        }
                        //else if (this.status == 204) {
                        //    // Everything then well
                        //}
                        else {
                            alert('Error: ConsumeAPI');
                        }
                    }
                };
                req.send();
                if (result.Attributes.length == 0) {
                    return null;
                }
                else {
                    return result.Attributes[0].DisplayName.UserLocalizedLabel.Label;
                }
            };
person Nick    schedule 15.11.2019

Попробуйте это вместо этого:

...href="#" title="Download" id="downloadButton">Download ...

<script type="text/javascript">
$("a#downloadButton").click(function() {
downloadAssets({{data}});
});

function downloadAssets(myData){
//here the logic to download the data; 
}
</script>
person B. Irena    schedule 25.11.2019