插入后刷新wice网格

时间:2019-01-29 10:23:41

标签: ruby-on-rails wice-grid

我试图添加新的提供程序而不重新加载浏览器,但是我做错了。 我有一个index.html.erb,用于显示所有带有wice网格宝石的提供程序,以及一个隐藏的表单,该表单将在顶部插入新的提供程序以启用“ remote:true”。

提交表单时,然后在providers_controller上调用方法create,然后将信息发送回_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') %>"); 

在providers_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

0 个答案:

没有答案