Bootstrap样式按钮未应用于Phoenix删除链接

时间:2016-09-06 21:40:39

标签: npm elixir phoenix-framework brunch

  • Elixir版本:1.3.2
  • 凤凰版:1.2.1
  • NodeJS版本:4.4.6
  • NPM版本:3.10.6
  • 早午餐版:2.7.4
  • 操作系统:Mac OSX

我正在尝试使用Phoenix的link helper function来创建一个简单的链接。

/**
 * @ORM\Table(name="user__message__fos_message_conversations")
 * @ORM\Entity
 */
class Conversation extends \FOS\Message\Driver\Doctrine\ORM\Entity\Conversation
{

}

渲染

<li><%= link "Logout", to: session_path(@conn, :delete, user), method: :delete %></li>

按钮工作正常,用户注销但未应用按钮的样式。见下文:

bootstrap button

“注销”按钮应与“主页”按钮对齐并包含悬停效果。 删除注销按钮样式的原因是什么?

当用户注销样式时返回:

navigation bar buttons

以下是删除链接功能的其他相关问题。

以下是我根据我发现的其他问题尝试的内容:

  • 运行<form action="/logout/1" class="link" method="post"> <input name="_method" type="hidden" value="delete"> <input name="_csrf_token" type="hidden" value="VhxiLApJElIS...removed for clarity"> <a data-submit="parent" href="#" rel="nofollow">Logout</a> </form> - 编译成功
  • brunch build功能更改为link

希望这是获得一些意见的足够信息。

1 个答案:

答案 0 :(得分:0)

删除链接确实会创建一个表单,这是预期的。如果你看一下生成器创建的内容,就像下面这样:

<%= link "Delete", to: schedule_path(@conn, :delete, schedule), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %>

您无法直接从锚点调用删除或发布方法,因此Phoenix会为您制作表单。这是一个方便的功能,但最初可能会令人困惑。因此,如果表单不起作用,问题可能在您的控制器中,而不是表单本身。