easyui（DataGrid数据删改）

wowowo.

于 2022-05-19 19:12:17 发布

阅读量211

点赞数

文章标签： easyui

本文链接：https://blog.csdn.net/qq_66450046/article/details/124869522

版权

本文介绍了如何使用EasyUI的DataGrid组件进行数据的删除和修改操作。在删除操作中，当用户点击删除按钮时，首先检查是否已选择行，然后通过AJAX发送POST请求到后台删除指定ID的数据，并显示操作结果。对于修改操作，DataGrid在加载时会重置表单并填充选中行的数据。

摘要由CSDN通过智能技术生成

1.singleSelect 如果为true，则只允许选择一行。

删除
$("#delBootBtn").click(function() {
           let row = $("#bookTable").datagrid("getSelected");

           if(!row) {
               $.messager.alert('消息','请选择要删除的记录');
               return;
           }

           $.ajax({
               url: path + '/delBookServlet',
               type: 'post',
               data:{
                   id: row.id
               },
               dataType: 'json',
               success: function(resp) {
                   if(resp.success) {
                       $.messager.alert('消息','操作成功');
                       qryBook();
                   }else{
                       $.