如何使用div类包装网格视图视图的一些选定字段 -- views 领域 drupal 相关 的问题

How to use a div class to wrap some selected fields of a grid views view


9
vote

问题

中文

我已经通过这个:

  • 观看组不同通过包裹它们
  • 的视图的次数
  • 查看 - 在组周围添加一个包装div

但无法理解如何使用div类包裹网格视图视图的一些选定字段。在我的情况下,我想将视图的三个字段包装为div类,因为图像显示在下面的图片:
输入图像描述

英文原文

I have came through this:

  • Views group different number of divs of a view by wrapping them
  • Views - Add a wrapper DIV around a Group

but can't understand how to use a div class to wrap some selected fields of a grid views view. In my case, i want to wrap three fields of a view into a div class as the image shows below:
enter image description here

  
 
 

回答列表

11
 
vote
vote
最佳答案
 

使用现场覆盖真的很简单。

首先,将 (author) User: Picture (author) User: Name 字段字段"排除在显示" 中。

然后打开 Content: Post date 字段的设置,打开"重写结果" 字段集。

检查"此字段的重写输出" 。这将揭示另一个Fieldset"替换模式" ,它应该向您显示当前字段上方的所有字段的令牌。您需要做的就是在文本框中放入 <div> 包装器,并在DIV标记之间复制您想要的令牌。

输入图像描述

 

It's really simple by using the Field overwrites.

First, set the (author) User: Picture and (author) User: Name fields to "Exclude from display".

Then open the settings for Content: Post date field, and open "Rewrite results" fieldset.

Check "Rewrite output of this field". This will reveal another fieldset "Replacement Patterns" which should show you the tokens for all the fields above the current field. All you need to do is put a <div> wrapper in the textbox and copy the tokens you want in between the div tags.

enter image description here

 
 
 
 
3
 
vote

您应该使用 hook_views_pre_render(&amp; $观点)或theme_process_views_view_field()

  function YOUR_THEME_preprocess_views_view_fields(&$vars) {    if ($vars['view']->name == 'view_name') {      foreach( $vars['view']->result as $key => $value) {        $add_start_div = '<div class="add_div">';       $markup_for_field_name_1 = $value->field_name1[0]['rendered']['#markup'] ;        $value->field_name1[0]['rendered']['#markup'] = $add_start_div . $markup_for_field_name_1;       $markup_for_field_name_3 = $value->field_name3[0]['rendered']['#markup'];       $add_end_div = '</div>';       $value->field_name3[0]['rendered']['#markup'] = $value->field_name3[0]['rendered']['#markup'] . $add_end_div;     }   } }   
 

you should use hook_views_pre_render(&$views) or theme_process_views_view_field()

function YOUR_THEME_preprocess_views_view_fields(&$vars) {    if ($vars['view']->name == 'view_name') {      foreach( $vars['view']->result as $key => $value) {        $add_start_div = '<div class="add_div">';       $markup_for_field_name_1 = $value->field_name1[0]['rendered']['#markup'] ;        $value->field_name1[0]['rendered']['#markup'] = $add_start_div . $markup_for_field_name_1;       $markup_for_field_name_3 = $value->field_name3[0]['rendered']['#markup'];       $add_end_div = '</div>';       $value->field_name3[0]['rendered']['#markup'] = $value->field_name3[0]['rendered']['#markup'] . $add_end_div;     }   } } 
 
 
 
 
2
 
vote

为行样式输出创建模板:视图 - 查看字段 - FrontPage-Progned-News-Story - Block.tpl.php。看看 - &gt;高级 - &gt;选项的主题。复制并粘贴您想要的模板特异性的名称并使用该名称创建文件,然后运行"Rescan" 所以Drupal查找新模板。

然后做一些类似的东西:

  <?php $field_vals = []; foreach($fields as $id => $field){     $field_vals[$id]= $field->content; } ?> <!-- layout fields --> <div class="promoted-news-story"> <!-- image, title, date, body, link -->     <div class="promoted-news-story__image-wrap">         <?php print $field_vals['field_standard_header_image'];?>     </div>     <div class="promoted-news-story__content-wrap">         <h2><?php print $field_vals['title'];?></h2>         <?php print $field_vals['field_news_date'];?>         <?php print $field_vals['body'];?>         <?php print $field_vals['view_node'];?>     </div> </div>   
 

Create a template for rows style output for example: views-view-fields--frontpage-promoted-news-story--block.tpl.php . Look in views->advanced->themes for options. Copy and paste the name of the specificity of template you want and create a file with that name, then run 'rescan' so Drupal finds the new template.

Then do something like:

<?php $field_vals = []; foreach($fields as $id => $field){     $field_vals[$id]= $field->content; } ?> <!-- layout fields --> <div class="promoted-news-story"> <!-- image, title, date, body, link -->     <div class="promoted-news-story__image-wrap">         <?php print $field_vals['field_standard_header_image'];?>     </div>     <div class="promoted-news-story__content-wrap">         <h2><?php print $field_vals['title'];?></h2>         <?php print $field_vals['field_news_date'];?>         <?php print $field_vals['body'];?>         <?php print $field_vals['view_node'];?>     </div> </div> 
 
 
1
 
vote

将某些字段分为视图div .. 请找到此模块(视图字段集): https://www.drupal.org/project/views_fieldsets

视图字段集模块

 

Group some fields into views div .. Please find this module ( Views fieldsets ): https://www.drupal.org/project/views_fieldsets

Views Fieldsets Module

 
 

相关问题

1  如何检查节点是否有照片/视频以在视图中用作公开的过滤器?  ( How to check if a node has a photo video to use as an exposed filter in views ) 
我有兴趣使用以下值创建公开的过滤器: 有照片 有视频 具有照片和视频 因此,如果选择此过滤器等,则此过滤器将检查节点并仅显示带照片的节点,如果选择此过滤器等。 我该怎么办?我应该在内容类型上创建一个新字段,并根据具有图像/视频的填充方式? 任何想法? 感谢 ...

1  查看3模板或UI问题  ( Views 3 template or ui question ) 
我有一个包含多个值的文本字段。该字段并不总是包含任何值。显示时,该字段需要有一个标签。 iow,行应该看起来像下面的一个行 Coauthor:人X,人物Y 或 Coauthor:人x 这是我的问题:当我使用视图UI添加标签时,我得到 Coauthor:Person X,Coauthor:人Y 当我使用模...

0  如何在Drupal 7中创建简单的动态视图  ( How to create simple dynamic views in drupal 7 ) 
我有一个drupal 7相册,我想自动模拟一个新的照片库内容,它已经保存/发布了一旦新照片库内容为创建。例如,我的内容类型称为"图库" ,具有基本字段:标题,分类和图像(W /无限值)。我希望能够让动态视图射击,并在保存图库一旦保存了一系列内容,创建新图库。所以这种方式我不必每次都要手动登录来创建视图...它将从内容...

1  如何在视图中翻译分组的公开过滤器的<Any>选项?  ( How can i translate the any option for a grouped exposed filter in views ) 
我在视图中有一个公开的过滤器,它使用分组的筛选器选项为用户提供选择。默认情况下,提供了一个 <Any> 选项。我的网站是多语种的,所以我想翻译这个: 我正在使用i18n模块套件以及i18views。我首次使用翻译界面屏幕在 admin/config/regional/translate/translate ...

0  如何在视图中添加Disqus评论计数的分类标准?  ( How do i add disqus comment count in views sort criteria ) 
我在我的drupal 7网站上使用disqus评论平台。我的目标是展示使用视图的10个最多评论的帖子。为此,我需要在"排序标准" 中添加"Disqus评论计数" 。我该怎么做。 字段"disqus注释计数" 未列出"添加排序条件" 。 ...

1  如何在使用Google Analytic报告时格式化原始日期格式?  ( How to format the raw date formats when using google analytic reports ) 
我正在使用 google图表工具,视图,和 Google Analytic报告< / a>为管理仪表板创建图表。 然而日期格式(时间尺寸:ga:date)在yyyymmdd格式输出日期。 如何将其更改为10月31日的内容? 注意:我一直在问,显然没有人知道如何做到这一点。以下是一些关于它的相关URL: 日期格式...

4  视图:未查询具有关系的自定义表  ( Views custom table with relationship is not queried ) 
我使用自定义表来存储我的节点上的数据,并挂钩 _views_data 以显示或排序从此表。 一切都很好: /** * Implements hook_views_data() */ function MYMODULE_views_data() { $data['MYTABLE']['table']['joi...

0  视图#3自定义处理程序错误  ( Views3 custom handler error ) 
我正在学习如何实现客户的观点3字段处理程序。 使用以下处理程序代码: class views_handler_filter_sub_nodes extends views_handler_field_custom{ function options_form(&$form, &$form_state){...

2  在第一级显示父母,然后在每个页面中的孩子[关闭]  ( Show parents at first level then child in each page ) 
关闭。这个问题需要详细信息或清晰度。它目前不接受答案。 想要改进这个问题?添加详细信息并阐明编辑此帖的问题。 关闭 1年前。 ...

0  如何输出和修改内容:path变量使用字段:PHP Global?  ( How do you output and modify the contentpath variable using fieldphp global ) 
我正在尝试使用php字段修改内容:path变量,以便Drupal 7. $数据和$ row-&gt;路径给出空白结果。任何人都知道为什么? 似乎我可以通过$视图变量抓取它,但我必须深入挖掘它才能找到它。是否有更容易访问内容:Path字段通过PHP视图? ...

0  订购用户使用中使用  ( Ordering users for use in view ) 
我有一个显示每个用户的数据的视图。现在我希望能够订购用户。 一个解决方案是将一个名为 99887661 的新字段添加一个新的字段到用户内容类型,然后使用此字段对视图进行排序,但最好是通过拖放来执行此操作来自 admin/people 配置页面。 我安装了权重模块,但似乎支持为用户设置权重。 是否有一个可以执行此操作的...

1  视图表 - 显示具有特定深度的分类学期  ( Views table show taxonomy term with specific depth ) 
我目前有一个视图,作为表格显示的表格和有关商店的信息(地址,电话号码等)。每个商店都是一个节点,该节点也具有包含描述商店的分类学术语的字段。分类学看起来像这样: 商店 服务 --chain a ----中西部 -----南 --chain b. ----中西部 -----南 - 杂货店 --chain c....

-1  如何在视图表中添加包含社交共享小部件的工具提示弹出窗口  ( How to add a tooltip popup containing social share widgets in a views table ) 
我有一个包含许多列的视图表,其中一个包含一个小图标。 当单击图像时,我希望打开一个工具提示(包含通常的共享小部件:Twitter&amp; Facebook)。 任何人都可以建议实现这一目标? ...

0  Drupal PHP视图 - 如何引用嵌套Braket阵列变量? [关闭]  ( Drupal php views how to reference nested braket array variables ) 
此问题似乎在帮助中心中定义的范围内涉及Drupal。。 想要改进这个问题?更新问题,所以它是关于drupal答案的主题。 ...

3  如何才能让您的视图显示用户所有已标记单个用户的人?  ( How can i make a view that shows users all the who have flagged a single user ) 
背景 我想将标签添加到用户配置文件中,以显示登录的用户已查看他/她的个人资料的用户。我想在视图中控制此列表。 直到最近,我一直在使用用户访问模块。但是,此模块未与视图集成,并且不再积极维护。 我使用视图,规则和标志开始构建此功能。具体来说,我创建了一个标志观看的配置文件,然后在用户访问另一个用户的配置文件时自动标...

-3  Drupal 7 DPM一个对象,但不确定如何渲染递归变量?  ( Drupal 7 dpm an object but not sure how to render a recursion variable ) 
在Drupal 7视图PHP。我正在尝试呈现和字符串替换内容:path字段使用全局php视图字段。我拥有的问题是我不确定如何引用内容:Path字段为$行 - &gt; path显示空值。我可以看到内容:$ View对象中存在path变量,但它显示递归。当我进行打印时,如何将递归值渲染递归值? ...

1  仅显示某些幻灯片仅在幻灯片上的特定URL上  ( Show certain slides only on specific urls on views slideshow ) 
使用视图幻灯片,我希望能够控制内容类型"幻灯片" 节目的节点,具体取决于什么网址,任何想法?例如,在页面前面,我想在节点/ 43上显示Slide1和Slide2,我想显示Slide3和Slide4。 具有单独的视图不是一个选项,因为这是一款位于数百页和不同内容类型的滑块。 ...

7  在视图表中组合两个列  ( Combining two columns in views table ) 
我继续拥有不同的要求,我总是陷入意见。这次要求是组合视图表的两个列/字段,但以不同的行显示它。 EG:我当前的字段:(下面是添加的图片) 表中视图的输出(由逗号分隔的昵称多值) 同时将多个值字段放在不同的行中 在表设置中,我确实组合了两个字段,如 i.e。 name 和 ick name...

9  如何通过视图和使用JS来实现评论回复表单?  ( How to implement a comment reply form through views and using js ) 
我们有一个评论正文,使用视图,我们拥有每个发布的评论的名称,评论,图片和日期。在所有评论结束时,我们有一个评论机构,其中一个人可以添加评论。 现在这对线性评论系统有利,但我们希望一个线程系统到位。在视图中,我可以添加回复注释链接,但将我带到一个新页面。 我想要的是基于JavaScript的动作,从而在点击回复按钮时,...

1  创建一个视图,以显示在比较表中彼此相邻的某些术语标记的节点  ( Create a view to show nodes tagged with certain terms next to each other in comp ) 
我的内容类型称为"产品riffs" ,其中包含数百个节点。这些产品饲料节点有附着的磁场;产品名称,产品描述,产品价格以及商店名称的分类学期字段。 我想要一个看法,向我沿着表的顶部向我沿着'商店名称'词汇表中的所有条款,然后是行中的所有其他属性,所以我对价格,描述等进行比较。 任何人都可以提供如何执行此操作的任何指针?...




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


Licensed under cc by-sa 3.0 with attribution required.