热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery+PHP:DeletingrowsfromatablefrommultipleID's

Heyguys.IamsomewhatnewtojQueryandjavascriptingeneral.WhatIhaveisaCMSthatIamupgr

Hey guys. I am somewhat new to jQuery and Javascript in general. What I have is a CMS that I am upgrading. In doing so, I have started an option to delete multiple categories at once via checkboxes, which is processed via jquery/ajax.

大家好。我对jQuery和Javascript有点新鲜。我所拥有的是我正在升级的CMS。在这样做的过程中,我启动了一个选项,可以通过复选框一次删除多个类别,复选框通过jquery / ajax处理。

In deleting the records individually, I could remove the row of the table once deleted, but now with multiple records and checkboxes, I am not quite sure how to handle this. If it helps at all, this is what I am working with (excuse if it's messy, I am not too familiar with JS or jQuery in general)...

在单独删除记录时,我可以在删除后删除表中的行,但现在有多个记录和复选框,我不太清楚如何处理这个。如果它有所帮助,这就是我正在使用的(借口,如果它很乱,我不太熟悉JS或jQuery)...

// Process deleting multiple categories
 $("#delete_selected").click(function() {  

  $("#delete_loading").fadeIn("slow");
  var bool = confirm('Are you sure you want to delete the selected categories?  This action cannot be undone.');

  if (bool == true) 
  {   
   var formDataString = $("#categoriesForm").serialize(); 

   $.ajax({
    type: "POST",
    url: domain + "/admin/categories/delete_category/",
    data: formDataString,
    cache: false,
    dataType: "html",
    success: function() { 
     $("#delete_loading").fadeOut("slow");
     $('tr#' + id).fadeOut("slow");
     $('tr#' + id + ' td').fadeOut("slow");
    },
    error: function() { 
     $("#delete_loading").fadeOut("slow");
     $('#error').fadeIn("slow"); 
    }
   });
  }
  else { $('#error').show(); }
  return false;
 });

Thanks for any help or thoughts you can offer. As you can see, in the old code I just faded the table rows after processing, but have no idea how to return the ID's to hide from PHP (I am also using Kohana framework).

感谢您提供的任何帮助或想法。正如您所看到的,在旧代码中我只是在处理后淡化了表行,但不知道如何返回ID以隐藏PHP(我也使用Kohana框架)。

2 个解决方案

#1


0  

you can simply get the checked elements inside the table and remove them as the following

您可以简单地获取表格中的已检查元素并将其删除,如下所示

$('#tableId :checked').each(function(i, item){
  var $row = $(item).parent('tr:first');
  $row.fadeOut("slow");
  $('td', row).fadeOut("slow"); //i'm not sure why you need to hide tds after hiding the hole row
});

#2


0  

What #categoriesForm is exactly? An input field?

#categoriesForm究竟是什么?输入字段?

I see you use to serialize it, and if i dont remember wrong, jquery should has a function to transform it into an array.

我看到你用它来序列化它,如果我不记得错了,jquery应该有一个函数将它转换成一个数组。

Then, with a simple .each() you can remove from the dom the rows with .parent('tr:first'); as Barakad suggested.

然后,使用简单的.each(),您可以使用.parent('tr:first')从dom中删除行。正如巴拉卡德所说。

As a side note, i dont understand why your ajax call has dataType: "html"... what do you expect as a return value? Usually, stuff like that expect to return a boolean value (true for success, false in case of error), or an json message with all the details.. html dataType make me think that you do update the page DOM with the ajax response, am i wrong?

作为旁注,我不明白为什么你的ajax调用有dataType:“html”...你期望什么作为返回值?通常,像这样的东西期望返回一个布尔值(成功时为true,出错时为false),或者带有所有详细信息的json消息.html dataType让我认为你用ajax响应更新了页面DOM,我错了吗?


推荐阅读
  • 但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法:一:跳转到新页面,并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
  • JavaScript - let和var区别
    前提ES5只有函数作用域和全局作用域,var属于ES5。let属于ES6,新增块级作用域。目的是可以写更安全的代码。Theletstatementdeclaresablocks ... [详细]
  • 用JavaScript实现的太空人手表
    用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]
  • vue使用
    关键词: ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文介绍了机器学习手册中关于日期和时区操作的重要性以及其在实际应用中的作用。文章以一个故事为背景,描述了学童们面对老先生的教导时的反应,以及上官如在这个过程中的表现。同时,文章也提到了顾慎为对上官如的恨意以及他们之间的矛盾源于早年的结局。最后,文章强调了日期和时区操作在机器学习中的重要性,并指出了其在实际应用中的作用和意义。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
author-avatar
水妖精Fairy
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有