添加“下一步”按钮/链接到Crud编辑/创建视图

时间:2017-12-11 15:52:46

标签: backpack-for-laravel

我正在尝试在“编辑/创建”视图中添加下一个按钮,该按钮将用户带到下一个选项卡。

希望按钮位于底部,如下所示:

Next Link is meant to take user to the next tab (tab 2)

clicking link remains on tab 1 instead of moving to tab 2

尝试使用指向下一个标签的链接添加HTML字段,如下所示:

[   // CustomHTML Title
  'name' => 'next_part_2',
  'type' => 'custom_html',
  'value' => '<a href="#" onclick="<a href="#tab_part2" aria-controls="tab_part2" role="tab" data-toggle="tab">Part 2</a>">Next Page</a>',
  'tab' => 'Part 1'
],

期望这打开下一个标签(即标签2),但没有运气

没有JS错误 - 链接消失,标签保留在当前视图中。

如何在编辑/创建视图中实现下一个按钮?

一个HTML元素直接来自标签链接,并假设它可以正常工作。 _(ツ)_ /¯

1 个答案:

答案 0 :(得分:0)

发现此代码段有助于提出解决方案:@Thomas

就我而言,我做了以下事情:

  1. 创建了辅助函数:

    function nextTab(nextID){     $(&#39; a [href =&#34;&#39; + nextID +&#39;&#34;]&#39;)。标签(&#39; show&#39;); }

  2. 使用链接和onclick方法创建HTML字段:

    [// CustomHTML标题   &#39;名称&#39; =&GT; &#39; next_part_2&#39 ;,    &#39;类型&#39; =&GT; &#39; custom_html&#39 ;,    &#39;值&#39; =&GT; &#39;继续第2部分→&#39;,    &#39;标签&#39; =&GT; &#39;第1部分&#39; ],