datagrid之增加,删除,批量删除，真诚分享的成语

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

$(“#btn-add”).click(function() {

// 清空表单数据

$(‘#ff’).form(‘clear’);

$(‘#dd’).dialog(“open”);

addflag = 1;

})

注意：一点要写在function内

提交表单

---

在function外面定义addflag

var addflag = 0;

当进入修改方法时：

addflag = 2;

当进入增加方法时：

addflag = 1;

function submitForm() {

// 点击确定按钮提交表单到后台，并且是新增或修改共用的一个方法

// 获取选中的数据

var row = $(‘#dg’).datagrid(“getSelected”);

var href = null;

if (addflag == 2) {

href = $(‘#ctx’).val() + ‘/book.action?methodName=edit’

} else if (addflag == 1) {

href = $(‘#ctx’).val() + ‘/book.action?methodName=add’

}

}

窗体关闭

---

刷新数据表格

---

$(‘#ff’).form(‘submit’, {

url : href,

success : function(data) {

if (data == 1) {

**// 关闭窗体

$(“#dd”).dialog(“close”);

// 刷新数据表格

$(“#dg”).datagrid(“reload”);**

}

}

});

BookDao

---

public void add(Book book) throws Exception {

book.setBid((int) new Date().getTime());

super.executeUpdate(“insert into t_mvc_book values(?,?,?)”, book, new String[] { “bid”, “bname”, “price” });

}

BookAction

---

public String add(HttpServletRequest req, HttpServletResponse resp) throws Exception {

bookDao.add(book);

ResponseUtil.writeJson(resp, 1);

return null;

}

二，删除

=====

datagrid中添加一列删除

---

在修改的a标签后面添加删除的a标签

<a href="javascript:void(0);"οnclick=“del();”>删除

删除的点击事件

---

function del() {

var row = $(‘#dg’).datagrid(“getSelected”);

if (row) {

var id = row.bid;

// messager不能向后台发送请求，用ajax发送请求

} else {

alert(“请选择需要删除的数据！”);

}

}

向后台发送删除请求

---

messager不能向后台发送请求，用ajax发送请求

$.messager.confirm(‘确认’, ‘您确定要删除记录吗？’, function® {

if ® {

$.ajax({

url : $(‘#ctx’).val() + ‘/book.action?methodName=del&bid=’

+ id,

success : function(data) {

if (data == 1) {

$(“#dg”).datagrid(“reload”);

}

}

})

}

});

BookDao

---

public void del(Book book) throws Exception {

super.executeUpdate(“delete from t_mvc_book where bid=?”, book, new String[] { “bid” });

}

BookAction

---

public String del(HttpServletRequest req, HttpServletResponse resp) throws Exception {

bookDao.del(book);

ResponseUtil.writeJson(resp, 1);

return null;

}

=================================================================================================================================================================================================

三，批量删除

======

usermanage.jsp界面增加按钮旁边添加批量删除按钮

---

<a id=“btn-delall” href=“#”

class=“easyui-linkbutton” data-options=“iconCls:‘icon-search’”>批量删除

增加一列复选框

---

{

field : ‘ck’,

checkbox : true

}

添加点击事件

---

当选中了行并且选中的行的长度大于0时，遍历每一行取得的id放入list数组中

getSelections：返回所有被选中的行，当没有被选中时返回一个空数组

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
HR0cHM6Ly9waWMxLnpoaW1nLmNvbS84MC92Mi0xOWQ2YTQ4MTJmZmQzZjZmYzdlYjJmMjJlMjUwZTM2Y19oZC5qcGc?x-oss-process=image/format,png)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-Lh78IOj6-1713292119802)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！