我们要求所有产品都显示在每个产品名称旁边的复选框中。
index.html.erb
<%= form_tag users_path, :method => 'get' do %>
<table>
<tr>
<td><input type="checkbox" name="cb1", id="cb1" /> </td>
<td> Mobiles </td>
</tr>
<tr>
<td><input type="checkbox" name="cb2", id="cb2" /> </td>
<td> Laptops </td>
</tr>
<tr>
<td>
<%= link_to 'Add User', "/users/new", :method => :get, :target => "_blank"%> </td>
<td>
<%= link_to 'Delete User(s)', :method => :delete, :onclick =>
> "onDeleteClick();" %>
</td>
</tr>
</table>
<% end %>
我有一个javascript函数,它获取我选择的产品列表,我使用id的子字符串,即如果cb1是复选框的id,则1是产品ID,并且正在形成产品ID的列表为1,2 ,3。
ProductsController.rb 删除产品控制器中的操作。
def delete
User.delete( params[:selecteduserids])
render :action => "index"
end
Note: <%= hidden_field_tag :selecteduserids, params[:selecteduserids] %>
使用Javascript:
function onDeleteClick()
{
var objlist = document.getElementById('dvproductdetails');
var aList = objlist.getElementsByTagName('input');
var nLen = aList.length;
var nSelCnt = 0;
var arSelectedProductIDs = new Array();
for (var n=0; n<nLen; n++)
{
var oChk = aList[n];
if (oChk.type == 'checkbox' && oChk.id.substring( 0, 2) == 'cb' && oChk.checked)
{
arSelectedProductIDs[nSelCnt] = oChk.id.substring( 2, oChk.id.toString().length);
nSelCnt = nSelCnt + 1;
}
}
if( arSelectedProductIDs.length > 0)
{
document.getElementById('selectedproductids').value = arSelectedProductIDs.toString();
//alert(arSelectedProductIDs.toString());
return true;
}
else
{
alert('Please select the Product to delete.');
}
return false;
}
问题:当我点击删除链接时,不执行该操作。 任何人都可以指导我解决这个问题吗?
答案 0 :(得分:1)
正如Marc所说,看到HTML / Javascript响应远程删除操作会很有帮助。与此同时,这是一个有效的实施方案:
查看:强>
<%= link_to 'Destroy', model_path( model.id ), { :remote => true, :confirm => "#{translate( :are_you_sure )}", :method => :delete, :class => 'button' } %>
生成的HTML:
<a href="/model/1" class="button" data-confirm="Are You Sure?" data-method="delete" data-remote="true" rel="nofollow">Destroy</a>
需要Javascript:
<强>控制器:强>
def destroy
model = Model.find( params[ :id ] )
model.destroy
respond_to do | format |
logger.info { "DESTROY: #{format}" }
format.html { render :layout => false, :inline => "#{model.id}" }
format.json { head :ok, data => model.id }
end
end
修改强>
此外:
$("input:checkbox[name=type]:checked").each(function()
{
jQuery.ajax( "/model/1/delete" );
});