工作日志2020-03-25(jFinal define 指令)

今日需求

整理字典功能（添加字典项并把所有页面字典加上）
整理前端页面（整理所有前端页面并布局）
加入客户子表并关联显示
报警管理（添加解除报警功能）

遇到的问题

今天并没有遇到什么大的问题
学会了jFinal define 指令
官方文档：
https://jfinal.com/doc/6-4

首先注入这个模板文件

public void configEngine(Engine me) {
		// 业务通用的工具函数
		me.addSharedFunction("/WEB-INF/admin/sys/attachment/businessIncludeBtn.html");

	}

然后创建businessIncludeBtn.html 这个文件，然后在里面可以添加模板：

#define phonetictranscription(xbindid,xid,xvalue,name,cid,cvalue,url)
		   <div class="input-group" style="width:101%">                             	
               <input type="text" class="form-control" #if(cid=="") name="#(formModelName).#(name)" #end  data-bind-id="#(xbindid)" id="#(xid)" value="#(o.xvalue)" >
               <input type="text"   #if(cid!="") id="#(cid)" name="#(formModelName).#(name)" #end value="#(o.cvalue)" style="display:none"/> 
               <div class="input-group-btn">                                       
                   <ul class="dropdown-menu dropdown-menu-right" role="menu">
                   </ul>
               </div>
           </div>
           <script>
           if($("##(xid)").length>0){
   			var custBsSuggest = $("##(xid)").bsSuggest({
   			    allowNoKeyword: false, //是否允许无关键字时请求数据
   			    showBtn: false,
   			    hideOnSelect: true,
   			    clearable: true,
   			    idField: "#(xbindid)",
   			    keyField: "#(xid)",
   			    effectiveFields:["#(xid)"],
   			    getDataMethod: "url", //获取数据的方式，总是从 URL 获取
   			    url: "#(url)",
   			    /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
   			    processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
   			        var i, len, data = {
   			            value: []
   			        };
   			       
   			        len = json.length;
   	
   			        for (i = 0; i < len; i++) {
   			        	
   			            data.value.push({
   			            	#(xid): json[i].name,
   			            	#(xbindid): json[i].id
   			            });
   			        }
   			        data.defaults = '';
   	
   			        //字符串转化为 js 对象
   			        return data;
   			    }
   			}).on('onSetSelectValue', function (e, keyword) {
   					#if(cid!="")
	   				  $("##(cid)").val(keyword.id);
	   				#end
   					
   			});
   		}
	       
	       </script>

#end

使用起来也是很方便：
添加上对应的参数

#@phonetictranscription("custnoId","custnoName","o.pcname","custno","custnoid","o.custno","/admin/pubCustinfo/SelectName?retrieveCode=")      

这样重复的html的代码也可以重复去写了
注意的是：

• 用jq的代码需要多加一个# 获取值的时候需要加个参数名
• 传参的时候也需要加参数名

 //jq代码需要多加一个#
 $("##(cid)").val(keyword.id);

定义的时候需要加入一个参数名

 <input type="text" class="form-control" #if(cid=="") name="#(formModelName).#(name)" #end  data-bind-id="#(xbindid)" id="#(xid)" value="#(o.xvalue)" >

传的时候也需要加

#@phonetictranscription("custnoId","custnoName","o.pcname","custno","custnoid","o.custno","/admin/pubCustinfo/SelectName?retrieveCode=")