abp(net core)+easyui+efcore实现仓储管理系统——组织管理升级之下

在“组织管理”列表页面中使用鼠标勾选想要进行修改的组织信息,然后点击“修改”按钮。如下图。 

14.此时会弹出“修改组织信息”界面,但界面上没有显示我们勾选的那一条组织信息的任何数据。如下图。

 

15.由于我们的功能主要都在javascript中写的,所以要调用javascript,这个可以使用浏览器的“开发者工具”这个功能。通过检查代码,在showOrg这个函数中设置断点,观察到row这个对象的属性是小写字母打头,跟我们原来代码中的属性名称不一致。如下图。

 

16.在Visual Studio 2022中的解决方案资源管理器中,找到“ABP.TPLMS.Web.Mvc”这个项目,找到”wwwroot\view-resources\views\orgs\index.js”文件,使用鼠标左键,双击,在文本编辑器打开,找到showOrg函数。代码修改如下:

复制代码

function showOrg(row) {$("#IDUpdate").val(row.id);$("#NameUpdate").val(row.name);$("#UpdBizCode").val(row.bizCode);$("#UpdType").val(row.Type);$("#UpdCustomCode").val(row.customCode);$("#UpdIsAutoExpand").val(row.isAutoExpand);$("#UpdIsLeaf").val(row.isLeaf);$("#UpdStatus").val(row.status);$("#UpdHotKey").val(row.hotKey);$("#UpdIconName").val(row.iconName);$("#RemarkUpdate").val(row.remark);$("#AddTree").combotree('setValue', row.parentId);$("#AddTree").combotree('setText', row.parentName);$('#UpdParentName').val(row.parentName);  
}

复制代码

 17. 在浏览器中按F5,刷新页面,然后重复第13,14步操作。在“组织管理”列表页面中使用鼠标勾选想要进行修改的组织信息,然后点击“修改”按钮。此时会弹出“修改组织信息”界面,界面会显示我们勾选的那一条组织信息的数据。如下图。

 

18.将类型修改为2,然后点击“保存”按钮。2这个数据就保存到数据库中。如下图。 

 

19.使用添加功能,新增一条“北京天坛店”的记录信息,然后选中这一条记录,点击“删除”按钮。如下图。

 

 

20.在弹出的提示“信息”中我们点击“确定”按钮,程序执行了删除操作,提示信息也提示了“删除成功!”。如下图。

 

21.实际上数据并没有从数据库中删除,“北京天坛店”的这条数据,还在数据库中。如下图。

22.在Visual Studio 2022中的解决方案资源管理器中,找到“ABP.TPLMS.Web.Mvc”这个项目,找到”wwwroot\view-resources\views\orgs\index.js”文件,使用鼠标左键,双击,在文本编辑器打开,找到deleteOrg函数。如下图中的红框处。

 

23.发现删除操作中最后要的传递Id的代码中row.Id,Id的首字母是大写。从之前对于修改操作调试时,发现row的属性的首字母,应该是小写。所以这里Id应改为id。具体代码如下:

复制代码

//删除
function deleteOrg() {$("#del").click(function () {var rows = $("#dgOrg").datagrid("getSelections");if (rows.length > 0) {$.messager.confirm("提示", "确定要删除吗?", function (res) {if (res) {var codes = []; //重要不是{}for (var i = 0; i < rows.length; i++) {codes.push(rows[i].id);_orgService.delete({id: rows[i].id}).done(function () {$.messager.alert("提示", "删除成功!");$("#dgOrg").datagrid("clearChecked");$("#dgOrg").datagrid("clearSelections");$('#dgOrg').treegrid('reload');});}                   }});}})
}

复制代码

24.在浏览器中刷新页面,让我们修改的js代码,从新下载到了本地,然后选中“北京天坛店”这一条记录,点击“删除”按钮,在弹出的提示“信息”中我们点击“确定”按钮,程序执行了删除操作,提示信息也提示了“删除成功!”,这一条数据从数据库中删除了,页面中也没有了这一条记录。如下图。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/67608.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

零基础官网下载jdk

Oracle 官网总是隔一段时间一改版&#xff0c;时间长了博客可能不适用&#xff0c;望注意&#xff0c;但是精髓不变。 Oracle官网 官网地址百度搜索&#xff0c;其他任何官网都一个套路&#xff0c;但要识别下一些广告网站会模仿官方网站。 官网地址&#xff1a;https://www.…

maven install

maven install maven 的 install 命令&#xff0c;当我们的一个 maven 模块想要依赖其他目录下的模块时&#xff0c;直接添加会找不到对应的模块&#xff0c;只需要找到需要引入的模块&#xff0c;执行 install 命令&#xff0c;就会将该模块放入本地仓库&#xff0c;就可以进…

Midjourney Prompt 提示词速查表 v5.2

Midjourney 最新的版本更新正不断推出令人兴奋的新功能。这虽然不断扩展了我们的AI绘图工具箱&#xff0c;但有时也会让我们难以掌握所有实际可以使用的功能和参数。 针对此问题, 小编整理了 "Midjourney Prompt 提示词速查表"&#xff0c;这是一个非常方便的 Midjo…

Python 3 使用Hadoop 3之MapReduce总结

MapReduce 运行原理 MapReduce简介 MapReduce是一种分布式计算模型&#xff0c;由Google提出&#xff0c;主要用于搜索领域&#xff0c;解决海量数据的计算问题。 MapReduce分成两个部分&#xff1a;Map&#xff08;映射&#xff09;和Reduce&#xff08;归纳&#xff09;。…

如何正确下载tomcat???

亲爱的小伙伴&#xff0c;千万别再去找下网站下载啦&#xff0c;这样詪容易携带病毒。 我们去官方网址下载。 Apache Tomcat - Welcome! 最后下载解压即可。。。

Day13 04-Linux的虚拟机克隆-scp命令-ssh免登录-crontab定时器及时间同步操作

文章目录 第五章 多虚拟机的操作5.1 虚拟机克隆【掌握】5.1.1 克隆前的准备工作5.1.2. 修改IP地址5.1.3. 修改主机名5.1.4. 修改域名映射文件5.1.5. 虚拟机之间通信5.1.6. 流程总结 5.2. scp命令【重点】5.2.1. 命令格式5.2.2. 小技巧 5.3. ssh免密登录【重点】5.3.1. ssh的简介…

高忆管理:什么是一码通?有什么好处?

在经过券商开户后&#xff0c;除了其间的财物账户、沪深股账户外&#xff0c;还有一个一码通账户&#xff0c;什么是一码通&#xff1f;它有什么好处&#xff1f;关于这些&#xff0c;高忆管理为大家预备了以下参阅内容。 什么是一码通&#xff1f; 一码通账户&#xff0c;一般…

Windows 11 家庭中文版找不到组策略文件gpedit.msc

最近因为调整日期问题需要用到组策略文件gpedit.msc,但是发现找不到文件 在按键盘 winR 打开运行界面输入 gpedit.msc 回车 Windows找不到文件’gpedit.msc’。请确定文件名是否正确后&#xff0c;再试-次。 检查电脑Windows系统版本 是 Windows 11 家庭中文版 果断早网上搜…

改良版自编小程序上线啦---助力孟德尔随机化(Mendelian Randomization)数据挖掘

孟德尔随机化步骤相对简单固定&#xff0c;一共就是3步&#xff0c;但是如果我们一个一个的对研究变量和结果数据进行筛选&#xff0c;也是挺费时间的&#xff0c;在上篇文章《自编R语言小程序助力孟德尔随机化(Mendelian Randomization)数据挖掘》中&#xff0c;咱们自编了一个…

使用GUI Guider工具在MCU上开发嵌入式GUI应用 (1) - GUI Guider简介及安装

使用GUI Guider工具在MCU上开发嵌入式GUI应用 (1) - GUI Guider简介及安装 受限于每篇文章最多只能贴9张图的限制&#xff0c;这个教程被拆分成了多篇文章连载发布&#xff0c;完整目录结构如下图x所示。后续会发布完整教程的pdf文件&#xff0c;敬请期待。 图x 完整教程文档…

【LeetCode】丑数题目合辑

文章目录 263. 丑数思路代码 264. 丑数 II方法一&#xff1a;最小堆思路代码 方法二&#xff1a;动态规划&#xff08;三指针法&#xff09;思路代码 1201. 丑数 III方法&#xff1a;二分查找 容斥原理思路代码 313. 超级丑数方法&#xff1a;“多路归并”思路代码 总结参考资…

PCIe接口的PCB布局布线要求

PCI-Express&#xff0c;简称“PCI-e”是一种高速串行计算机扩展总线标准&#xff0c;PCI-E属于高速串行点对点双通道高带宽传输&#xff0c;所连接的设备分配独享通道带宽&#xff0c;不共享总线带宽&#xff0c;它的主要优势就是数据传输速率高。 PCI-E2.0和PCI-E3.0主要存在…