Acceleo:在for循环中动态生成HTML网格

Question

我正在使用Acceleo 3.0从EMF模型生成一些HTML代码.我有以下代码:

<div class="ui-grid" style="text-align:center">
    [for ( icon : Icon | self.Icons )]
            <div class="column-a"><button data-icon="[iconName/]"></button></div>
            <div class="column-b"><button data-icon="[iconName/]"></button></div>
            <div class="column-c"><button data-icon="[iconName/]"></button></div>
    [/for]
</div>

现在,我想做的是使它完全参数化,逐渐在for循环中应用类名,直到我在模型中达到MaxColumns参数,然后从0开始.即,如果我有MaxColumns = 3我想要结果如下:

<div class="ui-grid" style="text-align:center">
  <div class="column-a"><button data-icon="icon-1"></button></div>
  <div class="column-b"><button data-icon="icon-2"></button></div>
  <div class="column-c"><button data-icon="icon-3"></button></div>
  <div class="column-a"><button data-icon="icon-4"></button></div>
  <div class="column-b"><button data-icon="icon-5"></button></div>
  <div class="column-c"><button data-icon="icon-6"></button></div>
  <div class="column-a"><button data-icon="icon-7"></button></div>
  <div class="column-b"><button data-icon="icon-8"></button></div>
  <div class="column-c"><button data-icon="icon-9"></button></div>
  ...
</div>

提前致谢.

Answer 1

假设您的MaxColumn属性是self(在您描述的上下文中),如果此引用是序列subSequence(start, end),Icons则可以使用运算符.这是代码:

<div class="ui-grid" style="text-align:center">
[for ( icon : Icon | self.Icons->subSequence(1, self.MaxAttribute) )]
        <div class="column-a"><button data-icon="[iconName/]"></button></div>
        <div class="column-b"><button data-icon="[iconName/]"></button></div>
        <div class="column-c"><button data-icon="[iconName/]"></button></div>
[/for]

如果您的引用不是序列(但是有序,那么OrderedSet):

<div class="ui-grid" style="text-align:center">
[for ( icon : Icon | self.Icons->asSequence()->subSequence(1, self.MaxAttribute) )]
        <div class="column-a"><button data-icon="[iconName/]"></button></div>
        <div class="column-b"><button data-icon="[iconName/]"></button></div>
        <div class="column-c"><button data-icon="[iconName/]"></button></div>
[/for]

但是,请记住,如果你的参考.如果没有订购,Acceleo可以为每次执行收集不同顺序的集合元素.使用asSequence()不会改变任何东西.

另外,要小心,收集第一个索引是1,而不是 0.