将{{pager}}显示为twig文件 -- views 领域 和 theming 领域 和 paging 领域 drupal 相关 的问题

Display {{pager}} to twig file


1
vote

问题

中文

我有点新司令8,所以不要判断很难...... 我已经为drupal制作了模板,这是普通的html,css和js ......只要Drupal文档说明他的info.yml,libries.yml和etc文件,它就在普通的html,css和js ......这一切都可以正常.. 。 我有一个页面 - front.html.twig文件,我把我的主html标记放在了 有正确的地区等等。另一方面,我有它具有以下内容的Views-view.html.twig文件:

   set classes = [     dom_id ? 'js-view-dom-id-' ~ dom_id, ]%} <div{{ attributes.addClass(classes) }}>   {{ title_prefix }}   {{ title }}   {{ title_suffix }}    {% if header %}     <header>       {{ header }}     </header>   {% endif %}    {{ exposed }}   {{ attachment_before }}    {{ rows }}   {{ empty }}   {{ pager }}    {{ attachment_after }}   {{ more }}    {% if footer %}     <footer>       {{ footer }}     </footer>   {% endif %}    {{ feed_icons }} </div>   

{{pager}} 在Pager.html.twig中,我包含此信息:

  {% if items %}   <nav class="pager" role="navigation" aria-labelledby="pagination-heading">     <h4 id="pagination-heading" class="visually-hidden">{{ 'Pagination'|t }}</h4>     <ul class="pager__items js-pager__items">       {# Print first item if we are not on the first page. #}       {% if items.first %}         <li class="pager__item pager__item--first">           <a href="{{ items.first.href }}" title="{{ 'Go to first page'|t }}"{{ items.first.attributes|without('href', 'title') }}>             <span class="visually-hidden">{{ 'First page'|t }}</span>             <span aria-hidden="true">{{ items.first.text|default('« First'|t) }}</span>           </a>         </li>       {% endif %}       {# Print previous item if we are not on the first page. #}       {% if items.previous %}         <li class="pager__item pager__item--previous">           <a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>             <span class="visually-hidden">{{ 'Previous page'|t }}</span>             <span aria-hidden="true">{{ items.previous.text|default('‹ Previous'|t) }}</span>           </a>         </li>       {% endif %}       {# Add an ellipsis if there are further previous pages. #}       {% if ellipses.previous %}         <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>       {% endif %}       {# Now generate the actual pager piece. #}       {% for key, item in items.pages %}         <li class="pager__item{{ current == key ? ' is-active' : '' }}">           {% if current == key %}             {% set title = 'Current page'|t %}           {% else %}             {% set title = 'Go to page @key'|t({'@key': key}) %}           {% endif %}           <a href="{{ item.href }}" title="{{ title }}"{{ item.attributes|without('href', 'title') }}>             <span class="visually-hidden">               {{ current == key ? 'Current page'|t : 'Page'|t }}             </span>             {{- key -}}           </a>         </li>       {% endfor %}       {# Add an ellipsis if there are further next pages. #}       {% if ellipses.next %}         <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>       {% endif %}       {# Print next item if we are not on the last page. #}       {% if items.next %}         <li class="pager__item pager__item--next">           <a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>             <span class="visually-hidden">{{ 'Next page'|t }}</span>             <span aria-hidden="true">{{ items.next.text|default('Next ›'|t) }}</span>           </a>         </li>       {% endif %}       {# Print last item if we are not on the last page. #}       {% if items.last %}         <li class="pager__item pager__item--last">           <a href="{{ items.last.href }}" title="{{ 'Go to last page'|t }}"{{ items.last.attributes|without('href', 'title') }}>             <span class="visually-hidden">{{ 'Last page'|t }}</span>             <span aria-hidden="true">{{ items.last.text|default('Last »'|t) }}</span>           </a>         </li>       {% endif %}     </ul>   </nav> {% endif %}   

这里是mu问题?为什么Dose Views-view.html.twig可以执行 {{pager} {{pager}} ,它无法观看 - View.html.twig?我究竟做错了什么? 提前谢谢

p.s:我忘了说,在前面页面中我已经激活了寻呼机......它正确地显示,但我希望它比现在的位置比现在是正确的位置

英文原文

i am kinda new to drupal 8 so don't judge to hard... i have made template for drupal, that is in plain html,css and js... than i imported it to drupal correctly as drupal documentation says whit his info.yml, libraries.yml and etc files at this moment everything is OK... i have one page--front.html.twig file, that i have placed my main html mark-Up with correct regions and so on. On other hand i have views-view.html.twig file that it has:

 set classes = [     dom_id ? 'js-view-dom-id-' ~ dom_id, ]%} <div{{ attributes.addClass(classes) }}>   {{ title_prefix }}   {{ title }}   {{ title_suffix }}    {% if header %}     <header>       {{ header }}     </header>   {% endif %}    {{ exposed }}   {{ attachment_before }}    {{ rows }}   {{ empty }}   {{ pager }}    {{ attachment_after }}   {{ more }}    {% if footer %}     <footer>       {{ footer }}     </footer>   {% endif %}    {{ feed_icons }} </div> 

the code of {{ pager }} is in pager.html.twig and i contains this information:

{% if items %}   <nav class="pager" role="navigation" aria-labelledby="pagination-heading">     <h4 id="pagination-heading" class="visually-hidden">{{ 'Pagination'|t }}</h4>     <ul class="pager__items js-pager__items">       {# Print first item if we are not on the first page. #}       {% if items.first %}         <li class="pager__item pager__item--first">           <a href="{{ items.first.href }}" title="{{ 'Go to first page'|t }}"{{ items.first.attributes|without('href', 'title') }}>             <span class="visually-hidden">{{ 'First page'|t }}</span>             <span aria-hidden="true">{{ items.first.text|default('xc2xab First'|t) }}</span>           </a>         </li>       {% endif %}       {# Print previous item if we are not on the first page. #}       {% if items.previous %}         <li class="pager__item pager__item--previous">           <a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>             <span class="visually-hidden">{{ 'Previous page'|t }}</span>             <span aria-hidden="true">{{ items.previous.text|default('xe2x80xb9 Previous'|t) }}</span>           </a>         </li>       {% endif %}       {# Add an ellipsis if there are further previous pages. #}       {% if ellipses.previous %}         <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>       {% endif %}       {# Now generate the actual pager piece. #}       {% for key, item in items.pages %}         <li class="pager__item{{ current == key ? ' is-active' : '' }}">           {% if current == key %}             {% set title = 'Current page'|t %}           {% else %}             {% set title = 'Go to page @key'|t({'@key': key}) %}           {% endif %}           <a href="{{ item.href }}" title="{{ title }}"{{ item.attributes|without('href', 'title') }}>             <span class="visually-hidden">               {{ current == key ? 'Current page'|t : 'Page'|t }}             </span>             {{- key -}}           </a>         </li>       {% endfor %}       {# Add an ellipsis if there are further next pages. #}       {% if ellipses.next %}         <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>       {% endif %}       {# Print next item if we are not on the last page. #}       {% if items.next %}         <li class="pager__item pager__item--next">           <a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>             <span class="visually-hidden">{{ 'Next page'|t }}</span>             <span aria-hidden="true">{{ items.next.text|default('Next xe2x80xba'|t) }}</span>           </a>         </li>       {% endif %}       {# Print last item if we are not on the last page. #}       {% if items.last %}         <li class="pager__item pager__item--last">           <a href="{{ items.last.href }}" title="{{ 'Go to last page'|t }}"{{ items.last.attributes|without('href', 'title') }}>             <span class="visually-hidden">{{ 'Last page'|t }}</span>             <span aria-hidden="true">{{ items.last.text|default('Last xc2xbb'|t) }}</span>           </a>         </li>       {% endif %}     </ul>   </nav> {% endif %} 

here is mu question... when i put the {{ pager }} to my page--front.html.twig than nothing happens... why? why dose views-view.html.twig can execute the {{ pager }} and it can't views-view.html.twig? what am I doing wrong? thanks in advance

p.s: I forgot to say that in the front page i have activated the pager... and it shows correctly but i want it to be on aver location than it is right now

        

回答列表

0
 
vote
vote
最佳答案
 

如果您看看 /core/themes/stable/templates/views

视图中 - 查看.html.twig 顶部,有一个注释的部分说:

  • 可用变量:
  • 属性:剩余元素的HTML属性。
  • css_name:视图名称的CSS安全版本。
  • css_class:用户指定的类名称,如果有的话。
  • 标题:可选标题。
  • 页脚:可选的页脚。
  • 行:视图查询的结果,如果有的话。
  • 空:显示没有行的内容。
  • 寻呼机:可选的寻呼机下一个/ prev链接显示。
  • 暴露
  • 公开:曝光窗口小部件表单/信息以显示。
  • feed_icons:可选的饲料图标显示。
  • 更多:下一页结果的可选链接。
  • 标题:视图标题,仅在管理预览中显示时使用。
  • title_prefix:由模块填充的其他输出,旨在为
  • 在视图标题前显示。
  • title_suffix:由模块填充的其他输出,旨在为
  • 在查看标题后显示。
  • 附件_before:要在
  • 之前显示的可选附件视图
  • 查看内容。
  • 附件_after:在
  • 之后显示的可选附件视图
  • 查看内容。
  • dom_id:打印每个视图的唯一ID,为
  • 提供唯一类
  • javascript。 *
  • @see template_preprocess_views_view()

可以看到寻呼机在可用变量下列出


虽然 /core/themes/bartik/templates

page.html.twig

  • 可用变量:

  • 常规实用程序变量:

  • base_path:Drupal安装的基本URL路径。通常是
  • "/" 除非您在子目录中安装了Drupal。
  • is_front:一个标志,指示当前页面是首页。
  • logged_in:指示用户是否注册并登录的标志。
  • is_admin:指示用户是否有权访问
  • 的标志
  • 管理页面。 *
  • 网站标识:
  • front_page:首页的URL。当
  • 时,使用此而不是base_path
  • 链接到首页。这包括语言域或前缀。 *
  • 页面内容(按默认Page.html.twig的发生顺序):
  • 节点:完全加载节点,如果有自动加载的节点
  • 与页面关联,节点ID是
  • 中的第二个参数
  • 页面的路径(例如节点/ 12345和node / 12345 /修订,但不是
  • 评论/回复/ 12345)。 *
  • 地区:
  • page.header:标题区域的项目。
  • page.pre_content:预先内容区域的项目。
  • page.breadcrumb:面包屑区域的项目。
  • page.highlighted:突出显示区域的项目。
  • page.help:动态帮助文本,主要用于管理页面。
  • 页面.Content:当前页面的主要内容。 *
  • @see template_preprocess_page()
  • @see html.html.twig

可以看到寻呼机不是在可用变量下列出的


正确的解决方案是您需要修改/创建视图 - 查看 - FrontPage.html.twig 而不是页面 - Front.html.twig

所以转到 core/modules/views/templates 和复制视图 - View.html.twig并将其重命名为视图 - 查看 - FrontPage.html.twig并进行更改。视图 - 查看 - FrontPage.html.twig需要进入 /theme/yourtheme/templates 文件夹。

 

If you take a look in /core/themes/stable/templates/views

In views-view.html.twig at the top, there is a commented out part that says:

  • Available variables:
  • attributes: Remaining HTML attributes for the element.
  • css_name: A css-safe version of the view name.
  • css_class: The user-specified classes names, if any.
  • header: The optional header.
  • footer: The optional footer.
  • rows: The results of the view query, if any.
  • empty: The content to display if there are no rows.
  • pager: The optional pager next/prev links to display.
  • exposed: Exposed widget form/info to display.
  • feed_icons: Optional feed icons to display.
  • more: An optional link to the next page of results.
  • title: Title of the view, only used when displaying in the admin preview.
  • title_prefix: Additional output populated by modules, intended to be
  • displayed in front of the view title.
  • title_suffix: Additional output populated by modules, intended to be
  • displayed after the view title.
  • attachment_before: An optional attachment view to be displayed before the
  • view content.
  • attachment_after: An optional attachment view to be displayed after the
  • view content.
  • dom_id: Unique id for every view being printed to give unique class for
  • Javascript. *
  • @see template_preprocess_views_view()

As you can see pager is listed under Available variables


While in /core/themes/bartik/templates

page.html.twig

  • Available variables:

  • General utility variables:

  • base_path: The base URL path of the Drupal installation. Will usually be
  • "/" unless you have installed Drupal in a sub-directory.
  • is_front: A flag indicating if the current page is the front page.
  • logged_in: A flag indicating if the user is registered and signed in.
  • is_admin: A flag indicating if the user has permission to access
  • administration pages. *
  • Site identity:
  • front_page: The URL of the front page. Use this instead of base_path when
  • linking to the front page. This includes the language domain or prefix. *
  • Page content (in order of occurrence in the default page.html.twig):
  • node: Fully loaded node, if there is an automatically-loaded node
  • associated with the page and the node ID is the second argument in the
  • page's path (e.g. node/12345 and node/12345/revisions, but not
  • comment/reply/12345). *
  • Regions:
  • page.header: Items for the header region.
  • page.pre_content: Items for the pre-content region.
  • page.breadcrumb: Items for the breadcrumb region.
  • page.highlighted: Items for the highlighted region.
  • page.help: Dynamic help text, mostly for admin pages.
  • page.content: The main content of the current page. *
  • @see template_preprocess_page()
  • @see html.html.twig

As you can see pager is NOT listed under Available variables


The correct solution is that you need to modify/create the views-view--frontpage.html.twig and not the page--front.html.twig

So go to core/modules/views/templates and copy views-view.html.twig and rename it to views-view--frontpage.html.twig and make changes that you need. The views-view--frontpage.html.twig needs to go in /theme/yourtheme/templates folder.

 
 
         
         

相关问题

1  如何在视图库中添加ColorBox  ( How to add colorbox in views gallery ) 
我遵循这些步骤来实现页脚的画廊缩略图 https://www.drupal.org/node/1497058 现在我的缩略图显示如下 但只剩下的是我的时候 点击缩略图图像打开下一页并显示大图像 但是,我想要点击缩略图的大页面在彩色框上打开 当我点击缩略图时显示它如下所示? ...

1  如果来自关系的任何字段为空,则视图不会显示内容  ( Views does not show content if any of fields from relationship are empty ) 
我有一个视图,它从内容类型中显示字段,但它也具有与具有该内容类型的节点具有参考字段的任何实体的关系。 我有一个像标题和body文本等的东西,以及视图上的一些自定义文本字段,标题和正文来自节点。 但是,除非引用的字段不为空,否则这些不显示。 如何在实体字段为空时仍然可以静止视图显示这些字段? ...

3  如何在分类学术语页上展示儿童?  ( How to display children on the taxonomy term page ) 
我认为我的问题很简单,但我不设法在互联网上找到解决方案(我找到了Drupal 7的解决方案,但他们不适用于Drupal 8)。 我有一个分类,如: 水果 红色水果 草莓 覆盆子 黑色水果 蔬菜 在Drupal 8中使用视图,使用预配置的分​​类学期,我希望在我点击父级时,它会显示这些儿童术语中的所有子项和...

0  与独特的分页不同的观点? [关闭]  ( Different views with unique pagination ) 
关闭。这个问题需要详细信息或清晰度。它目前不接受答案。 想要改进这个问题?添加详细信息并阐明编辑此帖的问题。 关闭 4年前。 ...

1  翻译与视图中不可翻译的字段弄乱  ( Translation mess up with fields which are not translatable used in views ) 
设置: 内容类型新闻与字段 身体(可翻译) 日期(节点旁边的另一日期字段 - 可翻译日期 - 可翻译) 新闻类型(列表字段 - 不可翻译,新闻应该是每种语言的相同类型) 用过滤器查看: 已发布:是 内容类型:新闻 内容语言:目前激活的界面语言 字段"新闻类型" - &gt;暴露于用户 项目中的默认语言是德语...

-1  视图和QuickTabs布局  ( Views and quicktabs layout ) 
我有一个基于类的过滤器(即,2015,2016,2017等)。我想使用QuickTabs为每个类创建一个选项卡。这可能吗? ...

0  在视图中获得每年使用的分类法  ( Get taxonomy used for each year in a view ) 
我创建了一个观点,列出了我网站上使用了分类术语(标签)的时间数量(标签)。 tag1 (236) tag2 (200) tag3 (157) tag4 (161) tag5 (10) tag6 (90) tag7 (86) tag8 (50) t...

0  如何覆盖视图领域?  ( How do i override the view field ) 
我想覆盖分类学术语视图视图-ceive.html.twig调整分类学术语内容列表。 我似乎无法找到正确的覆盖是什么。我的调试建议并不建议任何东西。 我已经尝试过: views-view-fields--taxonomy-term--%.html.twig views-view-fields--taxonomy-t...

0  如何在暴露过滤器中添加结果计数?  ( How to add results count in exposed filter ) 
我有一个更好的曝光过滤器的视图,我想为这样的每个过滤器添加项目的数量(但不使用facets): Term 1 (7) - Term 2 (5) - Term 3 (8) ... 我看到了这个 solution 但我更喜欢直接从我的视图使用查询或使用视图本身更好。 问题是,在 hook_form_alter(...

2  如何在任何视图中使用自定义表?  ( How to use custom tables in any views ) 
我在drupal数据库中创建了一个自定义表。我需要在视图中使用此表数据。为此,我使用了Schema模块,但其仅显示了新视图。但我需要在我们网站的所有视图中使用这些表数据。 任何建议? ...

1  HTML包装器未添加到视图行  ( Html wrapper not added to views row ) 
在Drupal8站点中,我有显示博客内容创建了一个枝条文件的视图,并用一些HTML标记包裹以主题博客页面。考虑一页我有10个内容。在Twig中的某些内容/行HTML包装器的特定间隔不添加,所以特定内容设计中断。我找不到这个问题的原因。请帮助解决。 注意:启用rannish缓存。 实际内容。 <div cl...

0  在查看表上添加分隔符  ( Add dividers for each year on view table ) 
我有一个看法在年和季度(春天,夏天,秋天,冬天)列出了自定义内容类型。它目前列在表中。我希望在桌子内每年的分隔符。只需在继续在该年内适合的内容之前的一行号码即可。下面是我想要实现的效果的图像。 我已经考虑为视图创建一个枝形模板,但我不确定如何检查一项项目是一年中​​的第一个或最后一项。我还考虑了添加一个"自定义...

0  将分类学术语显示为视图中的标题  ( Displaying taxonomy term as a header in a view ) 
我有一个从某个分类项显示3个最新文章。 IM拥有的问题是我需要将分类学术语显示为标题。我没有看到标题&gt下的[field_myterm]; global:文本区域。。当我切换语言时,我还需要这种分类学术语。 ...

3  查找页面的正确枝条文件  ( Finding correct twig file for page ) 
请考虑,我已经为内容类型和文章viz的内容类型创建了两页。最新活动和最新文章。我已经看到了显示这些内容的网格结构。但是,如果我修改 /** * Implements hook_operations_menu() */ function implementing_operations_menu() { $links...

0  Drupal 7使用视图执行PHP的视图中执行MySQL SQL查询  ( Drupal 7 execute a mysql sql query in views using views php ) 
我正在尝试为Drupal 7的视图进行自定义SQL查询,我在我的观点中有以下代码PHP,但我不确定我是否正确这样做。 <?php $xx = db_query('SELECT * FROM acl_node INNER JOIN acl_user ON acl_node.acl_id=acl_user.acl_i...

0  服务器500在管理区域外面工作的视图中的错误  ( Server 500 error in a view which is working perfectly outside of the admin area ) 
我有一个受几个钩子影响的视图( 99887662 和 views_query_alter ,主要)。它在最终的用户区域中完美工作,但是当我记录并转到视图GUI时,浏览器显示以下错误消息: An AJAX HTTP error occurred. HTTP Result Code: 500 Debuggin...

0  如何将Facet Filter View搜索断言/陈述转换为俄语?  ( How to translate facet filter view search assertions statements into russian ) 
如何将Facet Filter View搜索断言/语句转换为俄语?请参阅附图。想在纯正俄罗斯写下这些陈述,为当地店铺提供友好。谢谢。 ...

1  响应电网视图布局  ( Responsive grid in view layout ) 
我认为这是一个简单的问题,但我只是无法解决它。 我使用响应网格类型,以显示一个名为"诊所信息" 的内容类型,它是。 我想要一排只有两个诊所,五星级在信息(图片,电话号码......)旁边,不在下面,我怎么能做到? (图片,姓名,地址,电话号码,五星是网格中的一个内容中的诊所信息) ...

1  如何为自定义内容类型创建子页面?  ( How do i create sub pages for a custom content type ) 
在Drupal 8中,我想创建一组与父内容类型相关的页面: 电影(site.com/movie-name) 评论(site.com/movie-name/reviews) 演员(site.com/movie-name/actors) ... 我希望每个孩子都是它自己的页面,但保留来自父母的一些信息(例...

0  hook_form_formid_alter选择列表默认值  ( Hook form formid alter select list default value ) 
我创建了一个自定义模块,以覆盖由视图创建的公开表单的某些字段。其中一个过滤器是数字字段上的滤波器之间。过滤器之间的每个字段都会为表单中的每个字段生成最小和最大字段。我要做的是替换有用户可以从中选择的整数列表中的min和max文本字段。我被困在哪里是列表的默认值。我继续收到以下消息: "已检测到非法选择。请联系网站管理...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.