Mustache.js отображает матрицу - PullRequest
Новая
       9

Mustache.js отображает матрицу

0 голосов
/ 25 апреля 2018

Как отобразить матрицу в Mustache.js?

К сожалению, я не могу изменить структуру матрицы.

Следующая матрица: 

    var DiskMakerModels = [
        [ "Blue", "WD" ],
        [ "Green", "WD" ],
        [ "Black", "WD" ],
        [ "Purple", "WD" ],
        [ "Red", "WD" ],
        [ "Red Pro", "WD" ],
        [ "Gold", "WD" ],
        [ "Barracuda", "Seagate" ],
        [ "Firecuda", "Seagate" ],
        [ "Ironwolf", "Seagate" ],
        [ "Skyhawk", "Seagate" ]
    ];

Необходимо отобразить в следующем шаблоне: 

<script id="tableTemplate" type="x-tmpl-mustache">
    {{#rows}}
        <div class="list-item noPrint" dir="ltr">
            <input type="readonly" class="rowNum" value="1">
            <button onclick="addTableElement(this)">+</button>
            <input type="text" class="txtInp" value="{{.[0]}}">
            <input type="text" class="txtInp" value="{{.[1]}}">
            <button onClick="removeTableElement(this);">-</button>
        </div>
    {{/rows}}
</script>

, где: {{.[0]}} и {{.[1]}} должны быть первым и вторым элементами определенной строки.

1 Ответ

0 голосов
/ 30 мая 2018

Я считаю, что следующий трюк должен помочь: 

<script id="tableTemplate" type="x-tmpl-mustache">
    {{#rows}}
        <div class="list-item noPrint" dir="ltr">
            <input type="readonly" class="rowNum" value="1">
            <button onclick="addTableElement(this)">+</button>
            {{#.}}
                <input type="text" class="txtInp" value="{{.}}">
            {{/.}}
            <button onClick="removeTableElement(this);">-</button>
        </div>
    {{/rows}}
</script>

Я проверил это, и, похоже, оно работает, хотя я использую php-версию усов, поэтому ваш пробег может отличаться.

...