Question

宽度此代码我可以定义内容：

 <flux:flexform.section name="columns">
    <flux:flexform.object name="column" label="column">
      <flux:flexform.field.input name="demo" label="Demo field" />          
    </flux:flexform.object>
  </flux:flexform.section>

  <flux:flexform.grid>
    <flux:flexform.grid.row>
      <f:for each="{columns}" as="sectionObject" iteration="iteration">
        <flux:flexform.grid.column>
          <flux:flexform.content name="column{iteration.cycle}" label="Column {iteration.cycle}" />
        </flux:flexform.grid.column>
      </f:for>
    </flux:flexform.grid.row>
   </flux:flexform.grid>

这很灵活。我可以通过该部分添加新的“内容区域”。但这不是我想要的。我想定义一个非常固定的双列和三列FCE。我的编辑器不应该决定要使用多少列。

我遗漏了以下内容：

 <flux:flexform.field.contentArea name="col1" label="Column 1" />           
 <flux:flexform.field.contentArea name="col2" label="Column 2" />           

  <flux:flexform.grid>
    <flux:flexform.grid.row>
        <flux:flexform.grid.column>
              <flux:flexform.content name="col1" />
        </flux:flexform.grid.column>
        <flux:flexform.grid.column>
              <flux:flexform.content name="col2" />
        </flux:flexform.grid.column>
    </flux:flexform.grid>
  </flux:flexform.grid.row>

感谢您提示正确的方向。

Answer 1

使用您已有的代码，您非常接近解决方案。在此示例中，我将使用 new ViewHelper名称 - 但您可以使用示例中的旧名称获得相同的结果。哪个应该很容易找到（注意：您编写的代码示例中有一个拼写错误，rgid而不是grid - 这样的拼写错误会导致Flux错误输出）：< / p>

<flux:grid> <flux:grid.row> <flux:grid.column> <flux:content name="col1" label="Nice name for column 1" /> </flux:grid.column> <flux:grid.column> <flux:content name="col2" label="Column 2" /> </flux:grid.column> </flux:grid> </flux:grid.row>

并删除其中包含对象的flux:form.section - 当您创建静态定义的网格时，不需要这样做。

然后渲染这个网格：

<flux:content.render area="col1" />等等。

使用流体内容创建固定的FCE

1 个答案: