【问题标题】:Rails Hotwire doesn't update the pageRails Hotwire 不更新页面
【发布时间】:2021-02-23 09:10:48
【问题描述】:

我熟悉 ROR,我想在我的项目中使用新的 Hotwire-Rails。我创建帖子时不好。但是当我更新/删除帖子时,页面上什么也没发生。你能告诉我我在哪里做错了吗? 最后我想在创建新帖子时发出声音我该怎么做? 谢谢你的回答。

我的“宝石文件”

gem 'redis', '~> 4.0'
gem 'hotwire-rails', '~> 0.1.3'

应用程序.js

require("@rails/ujs").start()
require("@rails/activestorage").start()
require("channels")

Application.html.erb

<body>
  <%= turbo_include_tags %>
  <%= yield %>
</body>

Post.rb

after_create_commit { broadcast_prepend_to "posts" }
after_update_commit { broadcast_replace_to "posts" }
after_destroy_commit { broadcast_remove_to "posts" }

posts_controller.rb

class PostsController < ApplicationController
  before_action :set_post, only: %i[ show edit update destroy ]

  # GET /posts or /posts.json
  def index
    @posts = Post.all
  end

  # GET /posts/1 or /posts/1.json
  def show
  end

  # GET /posts/new
  def new
    @post = Post.new
  end

  # GET /posts/1/edit
  def edit
  end

  # POST /posts or /posts.json
  def create
    @post = Post.new(post_params)

    respond_to do |format|
      if @post.save
        format.html { redirect_to @post, notice: "Post was successfully created." }
        format.json { render :show, status: :created, location: @post }
      else
        format.html { render :new, status: :unprocessable_entity }
        format.json { render json: @post.errors, status: :unprocessable_entity }
      end
    end
  end

  # PATCH/PUT /posts/1 or /posts/1.json
  def update
    respond_to do |format|
      if @post.update(post_params)
        format.html { redirect_to @post, notice: "Post was successfully updated." }
        format.json { render :show, status: :ok, location: @post }
      else
        format.html { render :edit, status: :unprocessable_entity }
        format.json { render json: @post.errors, status: :unprocessable_entity }
      end
    end
  end

  # DELETE /posts/1 or /posts/1.json
  def destroy
    @post.destroy
    respond_to do |format|
      format.html { redirect_to posts_url, notice: "Post was successfully destroyed." }
      format.json { head :no_content }
    end
  end

  private
    # Use callbacks to share common setup or constraints between actions.
    def set_post
      @post = Post.find(params[:id])
    end

    # Only allow a list of trusted parameters through.
    def post_params
      params.require(:post).permit(:title, :body)
    end
end

posts/index.html.erb

<%= turbo_stream_from "posts" %>
<%= turbo_frame_tag "posts" do %>
  <%= render @posts %>
<% end %>

posts/_post.html.erb

<%= post.title %>:
<%= post.body %> 
<%= link_to 'Edit', edit_post_path(post) %> |
<%= link_to 'Destroy', post, method: :delete, data: { confirm: 'Are you sure?' } %> <br>

【问题讨论】:

  • Change_post.html.erb to : |

标签: ruby-on-rails rubygems streaming ruby-on-rails-6 hotwire-rails


【解决方案1】:

您的控制器中缺少turbo_stream 格式的处理程序。如果你想要热线更新,你必须在你的 update 和 destroy 方法中添加一个像这样的处理程序。

format.turbo_stream { turbo_stream.replace/append/prepend(:div_tag_identifer, "<p> Some html content you want to show </p>")

本质上,控制器方法必须呈现一个 Turbo 响应,其中包括您希望在页面上看到的更改。可能是turbo_stream.replace(:some_div_id, "some/partial", post: @post) 用于更新,或turbo_stream.append("some/partiall", post: @post) 用于创建。

【讨论】:

    【解决方案2】:

    是的,看起来这会尝试重定向,因此您会错过发送页面的广播,您需要放入一些内容以停止重定向,这可能是 turbo_stream 响应或将 html 响应更改为 render head :好的

    【讨论】:

    猜你喜欢
    • 2022-01-16
    • 2021-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多