abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之四(三十)

<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);
        }
    });

}

上一篇： Oracle数据库的登陆、sqlplus的一些使用技巧以及Oracle中常用的知识讲解

下一篇： PHP-Java-Bridge使用笔记

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之四(三十)

bp(net core)+easyui+efcore实现仓储管理系统目录

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(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图（八）

abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之菜单与测试（九）

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之四(三十)

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之二(二十八)

abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之三(二十九)