Javascript 把手:如何将@index作为参数传递给自定义助手
设置: 我正在使用,但也许一个考虑handlebar.js的解决方案可以帮助我。 需要两个参数(集合和索引)的自定义帮助器内容。 调用内容帮助器的每个帮助器调用,如下所示: {{每个数据}} {{content../parent_options@index}{{{/content}} {{/每个}} 问题是: 在内容助手定义中,我想访问@index值,比如0,1,2,。。。但我只得到一根绳子 如何将@index的值作为参数传递并在内容帮助器定义中访问?作为everplays并在中注释: PHP不解析helpers的参数,而是您的工作 解析并赋予它们意义,我说的是第三个参数 传递给帮助程序、\u helper\u每个$template、$context、$args、, $source。但在您的情况下,不需要解析参数,您可以 只需通过$context->lastIndex访问即可 完整评论见 供参考的最终自定义辅助对象:Javascript 把手:如何将@index作为参数传递给自定义助手,javascript,php,handlebars.js,Javascript,Php,Handlebars.js,设置: 我正在使用,但也许一个考虑handlebar.js的解决方案可以帮助我。 需要两个参数(集合和索引)的自定义帮助器内容。 调用内容帮助器的每个帮助器调用,如下所示: {{每个数据}} {{content../parent_options@index}{{{/content}} {{/每个}} 问题是: 在内容助手定义中,我想访问@index值,比如0,1,2,。。。但我只得到一根绳子 如何将@index的值作为参数传递并在内容帮助器定义中访问?作为everplays并在中注释: PHP不
下面是一些样板代码,您可以使用自定义助手创建功能强大的模板,同时仍然只使用少量代码 它包含两个帮助程序: 将字符串改为大写的一种方法。一个@key值在演示代码中传递给它。 一个是增加一个数值。一个@index值在演示代码中传递给它。 模板table.hbs: 输出:
/**
* Handlebars Helper Content. Return object->Alphabet[index].
*
* @param $template
* @param $context
* @param $args
* @param $source
*
* @return Handlebars_String
* @throws InvalidArgumentException
*/
public static function _helper_content($template, $context, $args, $source) {
$Alphabet = range('A', 'Z');
$tmp = explode(' ', $args);
$buffer = '';
$object = $context->get($tmp[0]);
if (count($tmp) < 2 || $tmp[1] == '@index') {
$last_index = $context->lastIndex();
$letter = $Alphabet[$last_index];
}
else {
$index = $context->get($tmp[1]);
$letter = $Alphabet[$index];
}
$buffer .= $object->$letter;
return new Handlebars_String($buffer);
}
{{#if table}}
<table>
<thead>
<tr>
<th style="width: 2%;">#</th>
{{#each table.0}}
<th nowrap="nowrap">
{{uppercase @key}}
</th>
{{/each}}
</tr>
</thead>
<tbody>
{{#each table}}
<tr>
<th>{{increment @index}}</th>
{{#each this}}
<td><input type="text" value="{{this}}" /></td>
{{/each}}
</tr>
{{/each}}
</tbody>
</table>
{{#if paginator}}
<nav class="pagination">
<ul>
{{#each paginator}}
<li><a href="{{this}}">{{@key}}</a></li>
{{/each}}
</ul>
</nav>
{{/if}}
{{else}}
<p>No data found!</p>
{{/if}}
// Create handlebars object
$template_engine = new \Handlebars\Handlebars;
// Get helpers object
$helpers = $template_engine->getHelpers();
// Add 'camelize' helper
$helpers->add('uppercase', function($template, $context, $args, $source) {
return ucwords($context->get($args));
});
// Add 'increment' helper
$helpers->add('increment', function($template, $context, $args, $source) {
return $context->get($args) + 1;
});
// Render template
echo $template_engine->render(file_get_contents(__DIR__ . '/table.hbs'), array(
'table' => array(
array('name' => 'John', 'profession' => 'programmer', 'city' => 'Leuven'),
array('name' => 'Sam', 'profession' => 'designer', 'city' => 'Aarschot'),
array('name' => 'Tom', 'profession' => 'owner', 'city' => 'Leuven'),
array('name' => 'Steve', 'profession' => 'copywriter', 'city' => 'Brussels'),
array('name' => 'Thomas', 'profession' => 'designer', 'city' => 'Antwerp')
),
'paginator' => array(
'first' => 'http://www.test.com/first',
'1' => 'http://www.test.com/1',
'2' => 'http://www.test.com/2',
'3' => 'http://www.test.com/3',
'last' => 'http://www.test.com/last'
)
));
<table>
<thead>
<tr>
<th style="width: 2%;">#</th>
<th nowrap="nowrap">
Name
</th>
<th nowrap="nowrap">
Profession
</th>
<th nowrap="nowrap">
City
</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td><input type="text" value="John" /></td>
<td><input type="text" value="programmer" /></td>
<td><input type="text" value="Leuven" /></td>
</tr>
<tr>
<th>2</th>
<td><input type="text" value="Sam" /></td>
<td><input type="text" value="designer" /></td>
<td><input type="text" value="Aarschot" /></td>
</tr>
<tr>
<th>3</th>
<td><input type="text" value="Tom" /></td>
<td><input type="text" value="owner" /></td>
<td><input type="text" value="Leuven" /></td>
</tr>
<tr>
<th>4</th>
<td><input type="text" value="Steve" /></td>
<td><input type="text" value="copywriter" /></td>
<td><input type="text" value="Brussels" /></td>
</tr>
<tr>
<th>5</th>
<td><input type="text" value="Thomas" /></td>
<td><input type="text" value="designer" /></td>
<td><input type="text" value="Antwerp" /></td>
</tr>
</tbody>
</table>
<nav class="pagination">
<ul>
<li><a href="http://www.test.com/first">first</a></li>
<li><a href="http://www.test.com/1">1</a></li>
<li><a href="http://www.test.com/2">2</a></li>
<li><a href="http://www.test.com/3">3</a></li>
<li><a href="http://www.test.com/last">last</a></li>
</ul>
</nav>