用 mojolicious 构建数据列表的最佳方法

Question

用 mojolicious 构建 html5 datalist 的最佳方法是什么？

我寻找了一个标签助手，但没有找到构建它的标签助手。

这是一个数据列表的例子：

<datalist id="frameworks">
    <option value="MooTools">
    <option value="Moobile">
    <option value="Dojo Toolkit">
    <option value="jQuery">
    <option value="YUI">
</datalist>

列表是动态的，是从数据库中获取的，所以我不能使用静态的 html 块。

有类似的标签助手，例如对于<select> 标签，我可以将其放入我的模板中：

%= select_field country => [[Germany => 'de'], 'en']

产生：

<select name="country">
  <option value="de">Germany</option>
  <option value="en">en</option>
</select>

但我在default tag helpers 中找不到有关数据列表的任何信息。

Answer 1

已经有一段时间了，但也许会发现它很有用。

在控制器中，您需要有一个包含一些项目的数组。让我们创建它：

my @levelsArray = ();
for (my $i=0;$i<10;$i++){
    push @levelsArray, "level00".$i;
}

之后，将其发送到模板：

get '/index' => sub {
    my ( $mojo ) = @_;
    $mojo -> stash ('levelsArray' => \@levelsArray);
    $mojo -> render (template => 'index' );
};

最后，使用：

<%= select_field 'levelSelected' => [ @{ stash('levelsArray') }] %>

Answer 2

我不确定这是如何特定于 mojolicious，但您的模板中的简单 html 还不够：

<datalist id="frameworks">
    <option value="MooTools">
    <option value="Moobile">
    <option value="Dojo Toolkit">
    <option value="jQuery">
    <option value="YUI">
</datalist>
<input type="text" list="frameworks" />

编辑

让我澄清一下，这不会是您模板中的静态 HTML...您将在控制器中获取数据并将该数据传递给模板，该模板将使用其模板引擎构造这种 HTML。