update

参数修改逻辑为:

  • 点击参数名,打开编辑页面
  • 更改信息,提交修改
  • 关闭修改弹窗,并刷新列表页面

列表页点击要修改的参数名,弹出修改页面

  1. {title: '参数名', field: 'cfgName', visible: true, align: 'center', valign: 'middle',formatter:function(data,row){
  2. return '<a href="javascript:;" onclick="Cfg.openCfgDetail('+row.id+')">'+data+'</a>';
  3. }},
  • 打开参数详情弹窗
  1. /**
  2. * 打开系统参数详情页
  3. */
  4. Cfg.openCfgDetail = function (id) {
  5. var index = layer.open({
  6. type: 2,
  7. title: '系统参数详情',
  8. area: ['65%', '280px'], //宽高
  9. fix: false, //不固定
  10. maxmin: true,
  11. content: Feng.ctxPath + '/cfg/cfg_update/' + id
  12. });
  13. this.layerIndex = index;
  14. };
  • 后台查询参数调准到详情逻辑
  1. /**
  2. * 跳转到修改参数
  3. */
  4. @RequestMapping(value = "/cfg_update/{cfgId}",method = RequestMethod.POST)
  5. public String update(@PathVariable Long cfgId, Model model) {
  6. Cfg cfg = cfgService.get(cfgId);
  7. model.addAttribute("item",cfg);
  8. return PREFIX + "cfg_edit.html";
  9. }
  • 参数修改页面cfg_edit.html:
  1. @layout("/common/include.html"){
  2. <div class="card">
  3. <div class="card-body card-padding">
  4. <div class="form-horizontal">
  5. <input type="hidden" id="id" value="${item.id}">
  6. <div class="row">
  7. <div class="col-sm-6 b-r">
  8. <#input id="id" name="自增主键" value="${item.id}" disabled="disabled"/>
  9. <#input id="cfgName" name="参数名" value="${item.cfgName}" />
  10. </div>
  11. <div class="col-sm-6">
  12. <#input id="cfgValue" name="参数值" value="${item.cfgValue}" underline="true"/>
  13. <#input id="cfgDesc" name="参数描述" value="${item.cfgDesc}" />
  14. </div>
  15. </div>
  16. <div class="row btn-group-m-t">
  17. <div class="col-sm-10">
  18. <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="CfgInfoDlg.editSubmit()"/>
  19. <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="CfgInfoDlg.close()"/>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <script src="${ctxPath}/static/modular/system/cfg/cfg_info.js"></script>
  26. @}

更改信息,提交修改

  • js逻辑提交修改
  1. /**
  2. * 提交修改
  3. */
  4. CfgInfoDlg.editSubmit = function() {
  5. this.clearData();
  6. this.collectData();
  7. //提交信息
  8. var ajax = new $ax(Feng.ctxPath + "/cfg/update", function(data){
  9. Feng.success("修改成功!");
  10. window.parent.Cfg.table.refresh();
  11. CfgInfoDlg.close();
  12. },function(data){
  13. Feng.error("修改失败!" + data.responseJSON.message + "!");
  14. });
  15. ajax.set(this.cfgInfoData);
  16. ajax.start();
  17. }
  • 后台逻辑提交更改
  1. /**
  2. * 修改参数
  3. */
  4. @RequestMapping(value = "/update",method = RequestMethod.POST)
  5. @ResponseBody
  6. @BussinessLog(value = "编辑参数", key = "cfgName",dict = CfgDict.class)
  7. public Object update(@Valid Cfg cfg) {
  8. cfgService.update(cfg);
  9. return SUCCESS_TIP;
  10. }