-
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);
}
});
}
出处:https://www.cnblogs.com/chillsrc/p/12048585.html
栏目列表
最新更新
求1000阶乘的结果末尾有多少个0
详解MyBatis延迟加载是如何实现的
IDEA 控制台中文乱码4种解决方案
SpringBoot中版本兼容性处理的实现示例
Spring的IOC解决程序耦合的实现
详解Spring多数据源如何切换
Java报错:UnsupportedOperationException in Col
使用Spring Batch实现批处理任务的详细教程
java中怎么将多个音频文件拼接合成一个
SpringBoot整合ES多个精确值查询 terms功能实
数据库审计与智能监控:从日志分析到异
SQL Server 中的数据类型隐式转换问题
SQL Server中T-SQL 数据类型转换详解
sqlserver 数据类型转换小实验
SQL Server数据类型转换方法
SQL Server 2017无法连接到服务器的问题解决
SQLServer地址搜索性能优化
Sql Server查询性能优化之不可小觑的书签查
SQL Server数据库的高性能优化经验总结
SQL SERVER性能优化综述(很好的总结,不要错
uniapp/H5 获取手机桌面壁纸 (静态壁纸)
[前端] DNS解析与优化
为什么在js中需要添加addEventListener()?
JS模块化系统
js通过Object.defineProperty() 定义和控制对象
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比