Обновить сетку после вставки

Question

Я пытаюсь добавить новых провайдеров без перезагрузки браузера, но я что-то не так делаю.У меня есть index.html.erb для отображения всех провайдеров с гемом wice grid и скрытой формы для вставки новых провайдеров в топ, чтобы сделать это с включенным «remote: true».

При отправке формы, затемвызовите метод create для provider_controller, а затем отправьте информацию обратно на _create.js.erb, чтобы обновить сетку.

Я знаю, что javascript выполняется, но не обновляет сетку.

Любая идея?

index.html.erb

<script>
 function newProviderJS(str)
 {
  if(str==true)
  {
    jQuery('div#newProvider').show();
    jQuery('div#nuevoProveedor').hide();
    document.getElementById("check").checked = false;
  }
  else
  {
    jQuery('div#newProvider').hide();
    jQuery('div#nuevoProveedor').show();
    document.getElementById("check").checked = true;
 }
}

 <div class="box">
  <div class="box-header">    
    <h3 class="box-title">Listado de Proveedores</h3>

  </div>
  <div class="box-body">
    <%= render 'newHideForm' %>
    <input type="checkbox" name="check" id="check" autocomplete="off" checked style="display: none ;"/>
    <div id="nuevoProveedor" style="display: visible ;">
      <input type="button" id="nuevoProveedor" value="Nuevo" onclick="newProviderJS(check.checked);"/>
    </div>
    <%= render partial: 'grid'%>    
  </div>
 </div>

_grid.html.erb

<%= grid(@gridProvider, allow_showing_all_records:  false, show_filters: :when_filtered, html: {class: 'table table-hover'}) do |g|
    g.action_column html_check_box: false
    g.column name: 'ID', attribute: 'id'
    g.column name: 'Nombre', attribute: 'nombre' do |p|
  link_to(p.nombre, provider_path(p))
    end
    g.column name: 'NIF', attribute: 'nif' do |p|
      p.nif
    end
    g.column name: 'Direccion', attribute: 'direccion' do |p|
      p.direccion
    end
    g.column name: 'Codigo Postal', attribute: 'codigoPostal' do |p|
      p.codigoPostal
    end
    g.column name: 'Telefono', attribute: 'telefono' do |p|
      p.telefono
    end
    g.column name: 'Email', attribute: 'email' do |p|
      p.email
    end
    g.column name: 'Página web', attribute: 'webpage' do |p|
      p.webpage
    end
    g.column do |provider|
      link_to 'Eliminar', provider_path(provider),
        method: :delete,
        data: { confirm: '¿Estas seguro que quieres eliminar?' }
    end
end%>

create.js.erb

$("#gridProvider").html("<%= escape_javascript(render partial: 'grid') %>"); 

создать функцию на provider_controller.rb

def create
    @provider = Provider.new(provider_params)      

  respond_to do |format|
    if @provider.save
      @gridProvider = initialize_grid(Provider, order: 'nombre', name: 'gridProvider')
      format.html { redirect_to @provider, notice: 'Proveedor se ha creado correctamente' }
      format.js   { }
      format.json { render :show, status: :created, location: @provider }
    else
      format.html { render :new }
      format.json { render json: @provider.errors, status: :unprocessable_entity }
    end
  end
end