第三节脚本执行

akglobe

已于 2023-11-01 16:13:30 修改

阅读量43

点赞数

分类专栏： 2.业务系统前端文章标签： java 前端 javascript

于 2023-10-31 18:49:13 首次发布

本文链接：https://blog.csdn.net/zjltianxin/article/details/134146530

版权

2.业务系统前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.初始化下拉框

有下拉框先初始化下拉框，后初始化列表，因为下拉框可能会有默认选中的值，列表会根据下拉框选中的值进行查询

this.initSelect();

调用后台下拉框接口

initSelect:function () {
        //  下啦初始化
        var  options=new Object();
        options.url="/manage-api/TProjectTypeController/TObjSelect";
        options.defualtOption="全部";
        options.id="typeId";
        akglobe_config.SelectInit(options);

    },

2.初始化table

初始化table

this.TableInit();

3.查询

3.1列表查询

3.2详情查询

是当发生点击事件的时候，识别class 的方法，获取到该行列表参数，将参数放到localStorage中，跳转到详情页面，如下：

代码：

window.operateEvents = {
    'click .a_details': function(e, value, row, index) {//详情
		var  db={};
	    db.id=row.id;
		akglobe_config.setDDoptions(db); // 设置要传递的参数
		window.location.href=ak_config.tm_urm+'template/page/ak_project/ak_project_managementDetails.html';
    }
};

详情页面接收参数，获取localStorage中的参数，并把参数赋值给全局变量

var akglobe_options=akglobe_config.getDDOptions();
ak_project_managementUpdate.mainId=akglobe_options.id;

调用查询详情接口，将获取到的值赋值给html页面

initData:function () {
        var temp = {
            id: ak_project_managementUpdate.mainId
        };
        var  options=new Object();
        options.url="/manage-api/TProjectManagementController/getinformation";
        options.type="GET";
        options.data=temp;
        options.errorback=akglobe_config.errBack;
        options.callback=function(data){
            if (data) {
				ak_project_managementUpdate.demandObject=data;

                $("#name").val(data.name);//heto
				var ue = UE.getEditor('content')
				ue.addListener("ready",function(){
					ue.setContent(data.content);//赋值 项目描述
				});
                $("#projectStartTime").val(data.projectStartTime);//项目开始时间
                $("#projectEndTime").val(data.projectEndTime);//项目结束时间
              
				var  options=new Object();
				options.url="/manage-api/TProjectTypeController/TObjSelect";
			 
				options.id="typeId";
				options.defualtVal=data.typeId;
				akglobe_config.SelectInit_(options);// 初始化带 默认值的 
				
				var  options=new Object();
				options.url="/manage-api/TOutsourcingUnitController/TObjSelect";
		 
				options.id="outsourcingId";
				options.defualtVal=data.outsourcingId;
				akglobe_config.SelectInit_(options);
				
				var  options=new Object();
				options.url="/manage-api/baseCountry/TObjSelect";
			 
				options.id="countryId";
				options.defualtVal=data.countryId;
				akglobe_config.SelectInit_(options);
				 
            }else{
                toastr.error(data.msg);
            }
        };
        akglobe_config.ajaxQuery(options);
		// this.initSelect();
    },

4.新增

初始化的时候需要先将新增按钮的click事件进行初始化

单击新增按钮弹出新增面板或跳转到新页面

$("#btn_add").click(function () {
            window.location.href=ak_config.tm_urm+'/template/page/ak_project/ak_project_managementAdd.html';
});

初始化新增提交按钮点击事件


    ButtonInit: function () {
        //新增
        $("#btn_submit_add").click(function () {
            ak_project_managementAdd.save();
        });
    },

新增保存方法

验证参数，整体提交postdata，后台解析postadata，参数名要和后端的对象中的属性名称一致

save:function(){
        var postdata ={};
        postdata.name=$("#name").val();//项目名称
		postdata.projectStartTime=$("#projectStartTime").val();//项目开始时间
		postdata.projectEndTime=$("#projectEndTime").val();//项目结束时间

		postdata.outsourcingId=$("#outsourcingId").val();//甲方id
        postdata.countryId=$("#countryId").val();//国别id
		postdata.typeId=$("#typeId").val();//项目id
		
		postdata.content=UE.getEditor('content').getContent();//$("#content").val();//项目描述
		
		if(ak_config.isBlank(postdata.name)){
			toastr.warning('请输入项目名称');
			return false;
		}
	
        var  options=new Object();
        options.url="/manage-api/TProjectManagementController/save";
        options.type="POST";
        options.async=true;
        options.data=JSON.stringify(postdata);
        options.errorback=akglobe_config.errBack;
        options.callback=function(data){
            if (data.flag) {
                toastr.success(data.msg);
            }else{
                toastr.error(data.msg);
            }
        };
        akglobe_config.ajaxQuery(options);
    }

5.删除

删除按钮点击事件初始化

$("#btn_delete").click(function () {
            ak_project_management.delete();
        });

删除方法

删除获取勾选的列表，先判断。

delete:function(){
        var arrselections = $("#tb_obj").bootstrapTable('getSelections');
        if (arrselections.length <= 0) {
            toastr.warning('请选择有效数据');
            return;
        }
        if (arrselections[0].deleteFlag == 0) {
            toastr.warning('请选择未删除数据');
            return;
        }
        /*使用bootbox*/
        bootbox.dialog({
            message: "确认要删除选择的数据吗？",
            title: "操作提示",
            className:'bootbox-style',
            buttons:
                {
                    "success" :
                        {
                            "label" : "<i class='icon-ok'></i> 确定",
                            "className" : "btn-sm btn-success",
                            "callback": function() {
                                var  options=new Object();
                                options.url="/manage-api/TProjectManagementController/delete";
                                options.type="POST";
                                options.data={ "postdata": JSON.stringify(arrselections) };
                                options.async=true;
                                options.errorback=akglobe_config.errBack;
								options.contentType="application/x-www-form-urlencoded";
                                options.callback=function(data){
                                    if (data.flag) {
                                        toastr.success(data.msg);
                                        $("#tb_obj").bootstrapTable('refresh');

                                    }else{
                                        toastr.error(data.msg);
                                    }
                                };
                                akglobe_config.ajaxQuery(options);
                            }
                        },
                    "cancel": {
                        "label" : "<i class='icon-info'></i> 取消",
                        "className" : "btn-sm btn-danger"
                    }
                }
        });
    },

6.编辑

编辑按钮触发的时候，先传递参数，修改根据主键id修改，所有将主键id传递过去

'click .a_edit': function(e, value, row, index) {//修改
		var  db={};
		db.id=row.id;
		akglobe_config.setDDoptions(db); // 设置要传递的参数
	    window.location.href=ak_config.tm_urm+'template/page/ak_project/ak_project_managementUpdate.html';
    },

在修改页面，初始化时获取参数，将获取到主键id赋值给全局变量

//  获取locary 传递的参数
	    var akglobe_options=akglobe_config.getDDOptions();
		ak_project_managementUpdate.mainId=akglobe_options.id;

如果修改页面有下拉框，需要先初始化下拉框中的值

修改需要先回填原数据值，根据全局的主键id查询，得到原数据值，回填到文本框中

初始化

this.initData();

initData:function () {
        var temp = {
            id: ak_project_managementUpdate.mainId
        };
        var  options=new Object();
        options.url="/manage-api/TProjectManagementController/getinformation";
        options.type="GET";
        options.data=temp;
        options.errorback=akglobe_config.errBack;
        options.callback=function(data){
            if (data) {
				ak_project_managementUpdate.demandObject=data;

                $("#name").val(data.name);//heto
				var ue = UE.getEditor('content')
				ue.addListener("ready",function(){
					ue.setContent(data.content);//赋值 项目描述
				});
                $("#projectStartTime").val(data.projectStartTime);//项目开始时间
                $("#projectEndTime").val(data.projectEndTime);//项目结束时间
              
				var  options=new Object();
				options.url="/manage-api/TProjectTypeController/TObjSelect";
				options.id="typeId";
				options.defualtVal=data.typeId;
				akglobe_config.SelectInit_(options);// 初始化带 默认值的 
				
				var options=new Object();
				options.url="/manage-api/TOutsourcingUnitController/TObjSelect";
				options.id="outsourcingId";
				options.defualtVal=data.outsourcingId;
				akglobe_config.SelectInit_(options);
				
				var options=new Object();
				options.url="/manage-api/baseCountry/TObjSelect";
				options.id="countryId";
				options.defualtVal=data.countryId;
				akglobe_config.SelectInit_(options);
				 
            }else{
                toastr.error(data.msg);
            }
        };
        akglobe_config.ajaxQuery(options);
		// this.initSelect();
    },
    //初始化页面上面的按钮事件
    ButtonInit: function () {
        //修改
        $("#btn_submit_add").click(function () {
            ak_project_managementUpdate.update();
        });
        //返回
        $("#btn_return").click(function () {
            window.location.href =ak_project_managementUpdate.mainUrl;
        });
    },

初始化修改保存点击按钮

ButtonInit: function () {
        //修改
        $("#btn_submit_add").click(function () {
            ak_project_managementUpdate.update();
        });
    },

保存修改内容方法