TYPO3 Жидкий комплекс, если условия
Я пытаюсь написать следующее, если условие в жидкости, но оно не работает, как я надеюсь.
Условие В рамках цикла for я хочу проверить, является ли элемент первым или 4-м, 8-м и т. Д.
Я бы подумал, что будет работать следующее, но он отображает код для каждой итерации.
<f:if condition="{logoIterator.isFirst} || {logoIterator.cycle % 4} == 0">
Мне удалось заставить его работать с вложенным если, но он просто чувствует себя неправильно, имея один и тот же раздел кода дважды, а также с проверкой цикла использовать <f:else>
вместо == 0
<f:if condition="{logoIterator.isFirst}">
<f:then>
Do Something
</f:then>
<f:else>
<f:if condition="{logoIterator.cycle} % 4">
<f:else>
Do Something
</f:else>
</f:if>
</f:else>
</f:if>
11 ответов
TYPO3 v8
Обновлен ответ для TYPO3 v8. Это цитата из ответа Клауса ниже:
Обновление этой информации с текущей ситуацией:
В TYPO3v8 и более поздних версиях поддерживается следующий синтаксис, который идеально подходит для вашего варианта использования:
<f:if condition="{logoIterator.isFirst}"> <f:then>First</f:then> <f:else if="{logoIterator.cycle % 4}">n4th</f:else> <f:else if="{logoIterator.cycle % 8}">n8th</f:else> <f:else>Not first, not n4th, not n8th - fallback/normal</f:else> </f:if>
Кроме того, есть поддержка такого синтаксиса:
<f:if condition="{logoIterator.isFirst} || {logoIterator.cycle} % 4"> Is first or n4th </f:if>
Что может быть более подходящим для некоторых случаев (в частности, при использовании условия во встроенном синтаксисе, когда вы не можете перейти в режим тегов, чтобы получить доступ к f:else с новым аргументом if).
TYPO3 6.2 LTS и 7 LTS
Для более сложных условий if (например, нескольких и / или комбинаций) вы можете добавить свой собственный ViewHelper в your_extension/Classes/ViewHelpers/
, Вы просто должны расширить жидкости AbstractConditionViewHelper
, Простой if-ViewHelper, который поставляется с Fluid, выглядит следующим образом:
class IfViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractConditionViewHelper {
/**
* renders <f:then> child if $condition is true, otherwise renders <f:else> child.
*
* @param boolean $condition View helper condition
* @return string the rendered string
* @api
*/
public function render($condition) {
if ($condition) {
return $this->renderThenChild();
} else {
return $this->renderElseChild();
}
}
}
Все, что вам нужно сделать в вашем собственном ViewHelper, это добавить больше параметров, чем $condition
, лайк $or
, $and
, $not
и т. д. Затем вы просто пишете свои if-условия в php и визуализируете либо then, либо else потомок. Для вашего примера вы можете использовать что-то вроде этого:
class ExtendedIfViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractConditionViewHelper {
/**
* renders <f:then> child if $condition or $or is true, otherwise renders <f:else> child.
*
* @param boolean $condition View helper condition
* @param boolean $or View helper condition
* @return string the rendered string
*/
public function render($condition, $or) {
if ($condition || $or) {
return $this->renderThenChild();
} else {
return $this->renderElseChild();
}
}
}
Файл будет находиться в your_extension/Classes/ViewHelpers/ExtendedIfViewHelper.php. Затем вы должны добавить свое пространство имен в шаблон Fluid, как показано ниже (что включает все ваши самописные ViewHelpers из your_extension / Classes / ViewHelpers / в шаблоне:
{namespace vh=Vendor\YourExtension\ViewHelpers}
и назовите это в вашем шаблоне так:
<vh:extendedIf condition="{logoIterator.isFirst}" or="{logoIterator.cycle} % 4">
<f:then>Do something</f:then>
<f:else>Do something else</f:else>
</vh:extendedIf>
Редактировать: обновлено.
Обновление этой информации с текущей ситуацией:
В TYPO3v8 и более поздних версиях поддерживается следующий синтаксис, который идеально подходит для вашего варианта использования:
<f:if condition="{logoIterator.isFirst}">
<f:then>First</f:then>
<f:else if="{logoIterator.cycle % 4}">n4th</f:else>
<f:else if="{logoIterator.cycle % 8}">n8th</f:else>
<f:else>Not first, not n4th, not n8th - fallback/normal</f:else>
</f:if>
Кроме того, есть поддержка такого синтаксиса:
<f:if condition="{logoIterator.isFirst} || {logoIterator.cycle} % 4">
Is first or n4th
</f:if>
Что может быть более подходящим для некоторых случаев (в частности, при использовании условия во встроенном синтаксисе, когда вы не можете перейти в режим тегов, чтобы получить доступ к f:else
с новым if
аргумент).
v:if.condition будет устаревшим в vhs V2.0, используйте v:if stack: https://github.com/FluidTYPO3/vhs/issues/493
Вы также можете использовать If Condition Extend ViewHelper, предоставляемый расширением VHS:
<v:if.condition>
<v:if.condition.extend>
{logoIterator.isFirst} || {logoIterator.cycle % 4} == 0
</v:if.condition.extend>
<f:then>Output if TRUE</f:then>
<f:else>Output if FALSE</f:else>
</v:if.condition>
На заметку: расширение VHS предоставляет множество полезных ViewHelpers. Я чувствую, что многие из них должны быть включены в TYPO3 Fluid.
Во многих случаях достаточно использовать сравнение массивов, поэтому вам не нужно создавать собственный помощник вида.
А ТАКЖЕ
<f:if condition="{0:user.number,1:user.zip}=={0:123,1:01234}">
ИЛИ ЖЕ
<f:if condition="{0:user.number,1:user.zip}!={0:false,1:false}">
К сожалению, это работает только для проверки, установлена ли переменная, а не против значения. Но для многих случаев этого достаточно.
PS: (с этим сравнением массива вы также можете сравнить строки)
В дополнение к ответу Дэниела я создал ViewHelper, который принимает несколько условий, с режимом "и" (по умолчанию) или режимом "или":
<?php
namespace TLID\Contentelements\ViewHelpers;
class IfViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper {
/**
* Checks conditions
*
* @param mixed $checks
* @param string $type
*
* @return boolean whether is array or not
*/
public function render($checks, $type = "and") {
$success = $type === "and" ? true : false;
$doc = new \DOMDocument();
$doc->loadHTML($this->renderChildren());
$xpath = new \DOMXpath($doc);
// get store values
$storeNodes = $xpath->query("//body/store");
$store = "";
foreach ($storeNodes as $storeNode) {
foreach ($storeNode->childNodes as $childNode) {
$store .= $doc->saveHTML($childNode);
}
}
// do the actual check
foreach ($checks as $check) {
if (
($type === "and" && (is_array($check) && count($check) === 0 || is_object($check) && get_object_vars($check) === 0 || empty($check))) ||
(is_array($check) && count($check) !== 0 || is_object($check) && get_object_vars($check) !== 0 || !empty($check))
) {
$success = $type === 'and' ? false : true;
break;
}
}
// render content
$renderQueryElement = $success ? "success" : "failure";
$renderNodes = $xpath->query("//body/" . $renderQueryElement);
$content = "";
foreach ($renderNodes as $renderNode) {
foreach ($renderNode->childNodes as $childNode) {
$content .= $doc->saveHTML($childNode);
}
}
//insert contents
$matches;
$content = preg_replace("/<use[^>]*><\/use>/", $store, $content);
//return rendered content
return $content;
}
}
?>
Хотя это может быть написано намного лучше, это работает. Вот как я это использую:
{namespace vhs=TLID\contentelements\ViewHelpers}
<vhs:if checks="{0: settings.link}">
<f:comment><!-- store the content --></f:comment>
<store>
<f:if condition="{images}">
<f:for each="{images}" as="image">
<f:image image="{image}" alt="{image.description}" title="{image.title}" />
</f:for>
</f:if>
<vhs:if checks="{0: settings.headline, 1: settings.text}" type="or">
<success>
<div>
<f:if condition="{settings.headline}"><h2><f:format.nl2br><vhs:shy>{settings.headline}</vhs:shy></f:format.nl2br></h2></f:if>
<f:if condition="{settings.text}"><p><f:format.nl2br><vhs:shy>{settings.text}</vhs:shy></f:format.nl2br></p></f:if>
</div>
</success>
</vhs:if>
</store>
<f:comment><!-- use the content of this container on success --></f:comment>
<success>
<vhs:link href="{settings.link}" target="{settings.target}" class="box">
<use />
</vhs:link>
</success>
<f:comment><!-- use the content of this container on failure --></f:comment>
<failure>
<div class="box">
<use />
</div>
</failure>
</vhs:if>
Он также имеет элемент store, потому что мне не нравится писать один и тот же код дважды. Таким образом, вы можете при желании сохранить некоторую жидкость и передать ее в контейнеры, как успешные, так и неудачные, без необходимости повторения.
Можно реализовать сложные условия if с комбинацией f:if, v:variable.set и v: math. Используйте математический ViewHelper, чтобы сделать волшебство и сохранить его результат в переменной. Затем используйте компараторы if для проверки и принятия мер.
Вот мой пример кода:
<f:for each="{customers}" as="customer" iteration="iterator">
<v:variable.set name="isFirst" value="{v:math.modulo(a: iterator.cycle, b: settings.itemsperrow, fail: 0)}" />
<f:if condition="{isFirst}==1">
<div class="row">
</f:if>
<div class="col-md-{settings.colWidth}">
<div class="clientlogo_ref">
<f:image src="{customer.logo.originalResource.publicUrl}" />
</div>
</div>
<f:if condition="{isFirst}==0">
</div>
</f:if>
</f:for>
Этот код начинает / заканчивает строку сетки для каждого элемента X, определенного с помощью settings.itemsperrow. Это переменная и может быть установлен в конфигурации плагина. Он использует модуль для расчета iterator.cycle (счетчик, начинающийся с 1) мод settings.itemsperrow. Если результат равен 1, это первый элемент строки. 0 означает, что это последний, поэтому строка должна быть закрыта.
Статус 2017:
Вот пример современного условия просмотра VHS с использованием атрибута стека. Этот пример также содержит проверку NULL и логическое или (||
) показать как это делается.
<v:if stack="{0: '{itemId}', 1:'==', 2:NULL, 3: '||', 4: '{itemId}', 5: '==', 6: '{falMedia.uid}'}">
<f:then>
...
</f:then>
</v:if>
Имейте в виду, что NULL
НЕ цитируется!
Да, это неправильно, но это единственный способ сделать это. Это очень хороший сайт для viewhelper:: https://fluidtypo3.org/viewhelpers/fluid/master/IfViewHelper.html
Если у вас есть CObjects, помогите обойти это для логического ИЛИ:
# Sidebar | 1 ColPos = 78
lib.sidebar1 < styles.content.get
lib.sidebar1.select.where = colPos=78
# Sidebar | 2 ColPos = 79
lib.sidebar2 < styles.content.get
lib.sidebar2.select.where = colPos=79
#LogicalOR
lib.tempLogicalOrSidebar = COA
lib.tempLogicalOrSidebar {
10 < lib.sidebar1
10.stdWrap.override.cObject =< lib.sidebar2
}
ЖИДКОСТЬ В УСЛОВИЯХ:
<f:if condition="{f:cObject(typoscriptObjectPath: 'lib.tempLogicalOrSidebar.10')}">
Для меня лучший способ использовать "F: цикл". Если мне нужно разделить строки для каждого 3-го элемента, я просто делаю:
<v:variable.set name="wraper" value='</div><div class="row">' />
<f:for each="{items}" as="item" iteration="itemIterator">
....
<f:cycle values="{0: '', 1: '', 2: '{wraper}'}" as="cycle">
{cycle -> f:format.raw()}
</f:cycle>
...
</f:for>