add

添加参数

添加参数功能为点击“添加”按钮后调用对应的js代码逻辑弹出添加页面，在添加页面输入相关信息提交保存，保存成功后关闭弹窗，并刷新参数列表数据.

添加按钮注册点击函数:

  1.  @if(shiro.hasPermission("/cfg/add")){
  2.      <#button name="添加" icon="fa-plus" clickFun="Cfg.openAddCfg()" space="true"/>
  3.  @}

添加 按钮点击逻辑：

  1. /**
  2.  * 点击添加系统参数
  3.  */
  4. Cfg.openAddCfg = function () {
  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_add'
  12.     });
  13.     this.layerIndex = index;
  14. };

添加页面代码

  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="">
  6.             <div class="row">
  7.                 <div class="col-sm-6 b-r">
  8.                             <#input id="cfgName" name="参数名"/>
  9.                             <#input id="cfgValue" name="参数值" underline="true"/>
  10.                 </div>
  11.                 <div class="col-sm-6">
  12.                             <#input id="cfgDesc" name="参数描述" underline="true"/>
  13.                 </div>
  14.             </div>
  15.             <div class="row btn-group-m-t">
  16.                 <div class="col-sm-10">
  17.                     <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="CfgInfoDlg.addSubmit()"/>
  18.                     <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="CfgInfoDlg.close()"/>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </div>
  23. </div>
  24. <script src="${ctxPath}/static/modular/system/cfg/cfg_info.js"></script>
  25. @}

点击“提交”按钮提交参数保存逻辑：

cfg_info.js:

  1. /**
  2.  * 提交添加
  3.  */
  4. CfgInfoDlg.addSubmit = function() {
  6.     this.clearData();
  7.     this.collectData();
  9.     //提交信息
  10.     var ajax = new $ax(Feng.ctxPath + "/cfg/add", function(data){
  11.         Feng.success("添加成功!");
  12.         window.parent.Cfg.table.refresh();
  13.         CfgInfoDlg.close();
  14.     },function(data){
  15.         Feng.error("添加失败!" + data.responseJSON.message + "!");
  16.     });
  17.     ajax.set(this.cfgInfoData);
  18.     ajax.start();
  19. }

后台保存逻辑

  1. /**
  2.  * 跳转到添加参数页面
  3.  */
  4. @RequestMapping(value = "/cfg_add",method = RequestMethod.GET)
  5. public String add() {
  6.     return PREFIX + "cfg_add.html";
  7. }
  9. /**
  10.  * 新增参数
  11.  */
  12. @RequestMapping(value = "/add",method = RequestMethod.POST)
  13. @ResponseBody
  14. @BussinessLog(value = "添加参数", key = "cfgName",dict = CfgDict.class)
  15. public Object add(@Valid Cfg cfg) {
  16.     cfgService.saveOrUpdate(cfg);
  17.     return SUCCESS_TIP;
  18. }