abp(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=https://www.cnblogs.com/chillsrc/p/"保存" class="btn btn-primary" /> <input type="submit" id="btnCancle" value=https://www.cnblogs.com/chillsrc/p/"取消" 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 = https://www.cnblogs.com/chillsrc/p/_$form.serializeFormToObject();
//serializeFormToObject is defined in main.js if (postData =https://www.cnblogs.com/chillsrc/p/= null || postData =https://www.cnblogs.com/chillsrc/p/= 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 =https://www.cnblogs.com/chillsrc/p/ GetOrg(); if (postData=https://www.cnblogs.com/chillsrc/p/=null || postData=https://www.cnblogs.com/chillsrc/p/=undefined || postData.BizCode ==""
|| postData.Name == "") { $.messager.alert('提示', ' 請填寫相關必填項！', 'warning'); return; } $.post("/Orgs/Update", postData, function (data) { // alert(data); if (datahttps://www.cnblogs.com/chillsrc/p/=="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, //全部折疊 onl oadSuccess: function (node, data) { $('#AddTree').combotree('tree').tree("expandAll"); //collapseAll }, onSelect: function (node) { $('#UpdParentId').val(node.id); // alert(node.id); } });}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/81919.html
標籤：.NET Core