abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之四(三十)
DotNet菜园 人气:3bp(net core)+easyui+efcore实现仓储管理系统目录
abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)
abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)
abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三)
abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四)
abp(net core)+easyui+efcore实现仓储管理系统——创建应用服务(五)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之控制器(六)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之列表视图(七)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图(八)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之菜单与测试(九)
abp(net core)+easyui+efcore实现仓储管理系统——多语言(十)
abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十一)
abp(net core)+easyui+efcore实现仓储管理系统——菜单-上 (十六)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理六(二十四)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理七(二十五)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理八(二十六)
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之二(二十八)
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之三(二十九)
在上一篇文章abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之三(二十九) 中实现了组织管理的列表页面。在今天我们学习如何新增组织部门信息。
九、新增组织部门信息
1. 在Visual Studio 2017的“解决方案资源管理器”中,左键单击在展现层的“ABP.TPLMS.Web.MVC”项目中的Views目录。找到Index.cshmtl文件。在此文件中添加视图代码。代码如下。
<div id="divAddUpdOrg" class="easyui-dialog" closed="true" data-options="buttons: '#dlg-buttons'"> <form name="OrgEditForm" role="form" novalidate class="form-validation"> <table> <tr> <td><input type="hidden" name="Id" id="IDUpdate" /></td> </tr> <tr> <td>组织名称:</td> <td> <input type="text" id="NameUpdate" name="Name"
class="form-control input-sm" /> </td> </tr> <tr> <td> 组织代码:</td> <td><input type="text" id="UpdBizCode" name="BizCode"
class="form-control input-sm" /></td> </tr> <tr> <td>类型:</td> <td> <input type="text" id="UpdType" name="Type"
class="form-control input-sm" /> </td> </tr> <tr> <td> 关区代码:</td> <td><input type="text" id="UpdCustomCode" name="CustomCode"
class="form-control input-sm" /></td> </tr> <tr> <td>自动展开:</td> <td> <input type="checkbox" id="UpdIsAutoExpand" name="IsAutoExpand"
class="form-control input-sm" /> </td> </tr> <tr> <td>子级:</td> <td> <input type="checkbox" id="UpdIsLeaf" name="IsLeaf"
class="form-control input-sm" /> </td> </tr> <tr> <td>状态:</td> <td> <input type="text" id="UpdStatus" name="Status"
class="form-control input-sm" /> </td> </tr> <tr> <td>上级组织:</td> <td> <select id="AddTree" name="ParentName" class="easyui-combotree" ></select> </td> </tr> <tr> <td>热键:</td> <td> <input id="UpdHotKey" name="HotKey" class="form-control input-sm" /> </td> </tr> <tr> <td>图标:</td> <td> <input id="UpdIconName" name="IconName" class="form-control input-sm" /> </td> </tr> <tr> <td> <input id="UpdParentId" name="ParentId" type="hidden" /> </td> </tr> <tr> <td>备注:</td> <td> <input type="text" id="RemarkUpdate" name="URemark"
class="form-control input-sm" /> </td> </tr> </table> </form> </div> <div id="dlg-buttons"> <input type="submit" id="btnSave" value="保存" class="btn btn-primary" /> <input type="submit" id="btnCancle" value="取消" class="btn btn-info" /> </div>
2. 在Visual Studio 2017的“解决方案资源管理器”中,找到领域层“ABP.TPLMS.Web.Mvc”项目中的wwwroot\view-resources\Orgs目录。
3. 在Orgs目录中找到Index.js文件。添加新增组织信息与加载树的代码。代码如下。
//清空文本框 function clearAll() { $("#IDUpdate").val(""); $("#UpdBizCode").val(""); $(':disabled[name]', this).each(function () { $(this).val(""); }); } var _orgService = abp.services.app.org; var _$modal = $('#divAddUpdOrg'); var _$form = _$modal.find('form'); //弹出 添加货物信息的对话框 function showOrgDialog() { $("#add").click(function () { clearAll(); BindTree(); $("#divAddUpdOrg").dialog({ closed: false, title: "添加组织信息", modal: true, width: 600, height: 450, collapsible: true, minimizable: true, maximizable: true, resizable: true }); }); $("#btnSave").click(function () { // alert('1'); //启用 //保存 if (!_$form.valid()) { return; } var id = $("#IDUpdate").val(); if (id == "" || id == undefined || id=="0") { //验证 $.messager.confirm('确认', '您确认要保存吗?', function (r) { if (r) { $("#IDUpdate").val("0"); var postData = _$form.serializeFormToObject();
//serializeFormToObject is defined in main.js if (postData == null || postData == undefined || postData.Name == ""
|| postData.BizCode == "") { $.messager.alert('提示', ' 请填写相关必填项!', 'warning'); return; } abp.ui.setBusy(_$modal); _orgService.create(postData).done(function () { $("#IDUpdate").val(""); _$modal.modal('hide'); $("#divAddUpdOrg").dialog("close"); initable(); //reload page to see new user! }).always(function () { abp.ui.clearBusy(_$modal); }); } }) } else { saveDetail(); } }); } function saveDetail() { $.messager.confirm('确认', '您确认要修改吗?', function (r) { var postData = GetOrg(); if (postData==null || postData==undefined || postData.BizCode == ""
|| postData.Name == "") { $.messager.alert('提示', ' 请填写相关必填项!', 'warning'); return; } $.post("/Orgs/Update", postData, function (data) { // alert(data); if (data=="OK") { $.messager.alert("提示", "修改成功!"); $("#divAddUpdOrg").dialog("close"); initable(); } else { $.messager.alert("提示", data.msg); return; } }); }) } function BindTree() { $('#AddTree').combotree({ url: '/Orgs/GetJsonTree', valueField: 'Id', textField: 'Name', multiple: false, editable: false, method: 'get', panelHeight: 'auto', checkbox: false, //required: true, //全部折叠 onLoadSuccess: function (node, data) { $('#AddTree').combotree('tree').tree("expandAll"); //collapseAll }, onSelect: function (node) { $('#UpdParentId').val(node.id); // alert(node.id); } }); }
加载全部内容