【问题标题】:How to display node fields in tabs?如何在选项卡中显示节点字段?
【发布时间】:2011-12-18 07:55:59
【问题描述】:

我有一个内容类型“活动”,它有三个字段:

1- 程序 2- 实施 3- 项目故事

如何在单独的选项卡中显示节点中的每个字段?

谢谢!

【问题讨论】:

    标签: drupal tabs drupal-7


    【解决方案1】:

    我找到了使用field_group 模块的更简单方法。从“管理显示”可以将字段添加到水平选项卡字段组,然后可以将水平选项卡字段组添加到水平选项卡组。查看图片了解更多信息。

    【讨论】:

    • 当我尝试这种方法时,标签被添加到#content div而不是主标签列表中。
    【解决方案2】:

    在我看来,有两种方法可以实现这一目标。

    1) 使用 hook_menu() 为您的内容类型创建选项卡。 在这里你必须编写自己的模块,代码看起来像这样

    /**
    * Implements hook_menu().
    */
    function pages_menu() {
    $items['pages'] = array( 
    'title' => 'Menu system examples',
    'description' => 'Menu system example that returns a string.',
    'page callback' => 'pages_string',
    'access callback' => TRUE,
    );
    $items['pages/default'] = array(
    'title' => 'String',
    'type' => MENU_DEFAULT_LOCAL_TASK,
    'weight' => -10,
    );
    $items['pages/render-array'] = array(
    'title' => 'Render array',
    'description' => 'Menu system example using a render array.',
    'page callback' => 'pages_render_array',
    'access arguments' => array('access content'),
    'weight' => 2,
    'type' => MENU_LOCAL_TASK,
     );
     $items['pages/render-array/tab1'] = array(
    'type' => MENU_DEFAULT_LOCAL_TASK,
    'title' => 'Tab 1',
     );
     $items['pages/render-array/tab2'] = array( 
    'title' => 'Tab 2',
    'description' => 'Demonstrating secondary tabs.',
    'page callback' => 'pages_render_array',
    'access callback' => TRUE,
    'type' => MENU_LOCAL_TASK,
     );
    
     return $items; 
     }
    

    然后您使用回调函数在每个选项卡中进行思考

    2) 使用 Css 和 jquery 将内容设置为类似于选项卡的样式。

    这是一个很棒的工作演示。 http://www.99points.info/2010/08/create-sexy-animated-tabs-using-jquery-and-css/

    干杯, 维沙尔

    【讨论】:

      【解决方案3】:

      【讨论】:

        【解决方案4】:

        如果其他人来寻找答案,可以考虑另一个模块:http://drupal.org/project/node_subpages

        [[无耻塞]]

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2017-11-03
          • 2019-10-02
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-06-07
          • 1970-01-01
          相关资源
          最近更新 更多