作者:李坤凤
本次任务完成时间:2019年1月31日
开发工具与关键技术:开发工具:SQL、.net,关键技术:JS、JavaScript、C#语法
完成模块功能:树形图的增删查改
一、树形图的增删查改功能实现效果图
1)新增
1、 在图中有三个按钮,点击新增按钮,弹出新增商品分类模态框;
2、 在新增数据时如没有选择分类,则弹出显示框提示新增不成功;选择分类,则弹出显示框提示新增成功;
2)查询
1、新增成功后,刷新查询,父节点下新增了一个节点;
3)修改
1、 获取需要修改的节点数据,点击修改按钮,弹出修改模态框,修改成功则弹出显示框,提示修改成功,刷新页面,父节点下的节点显示已修改;
4)删除
1、获取需要删除的节点数据,点击删除按钮,弹出显示框,点击确定按钮就删除成功,刷新页面被选中的节点已删除,点击取消按钮则返回主页面;
二、相关业务表和关系
三、代码
控制器
<ul id="Fejie" class="ztree"></ul>
<script>
//供应商树形图
function Fejie() {
$(function () {
$.ajax({
type: "Get",
url: "/Intelligencemenge/Borrow/selectClientele",
async: true,
success: function (date) {
$.fn.zTree.init($("#treedemo"), setting, date);
$.fn.zTree.init($("#Fejie"), setting, date);
}
});
});
var setting = {
async: {
enable: true,
},
data: {
simpleData: {
enable: true,
idKey: "id"