jeesite自定义详情模板

jeesite自定义详情模板

学习还是先去官网看看，下面就是一个详情页模板文件detail.html

<%/* Copyright (c) 2013-Now http://jeesite.com All rights reserved. */

/**
* 表单控件：输出框
* @author lwq
* @version 2023
*/
var p = {
    path: path!,				// 绑定form上model中属性的值
    type: type!,              // 元素类型
    value: value!,              // 元素值
    dataFormat: dataFormat!,	// 元素格式化
    prefix: prefix!,          // 元素前缀
    suffix: suffix!,          // 元素后缀
    thisTag: thisTag,           // 非常重要，删除后无法计算value值
    exclAttrs:[path,type,dataFormat,prefix,suffix,value]
};

// 编译绑定参数
form.path(p);

// 数据格式化
var df = ;
var dataFormat=p.dataFormat+"";
var type=p.type;
if(time==type){
df={%>${@com.jeesite.common.lang.DateUtils.formatDate(p.value,dataFormat)}<%};
}else if(dict==type){
    df={%>${@com.jeesite.modules.sys.utils.DictUtils.getDictLabel(dataFormat,p.value,)}<%};
}else{
    df = p.value;
}
p.attrs=p.prefix+df+p.suffix;

%><div style="padding-top:4px">${p.attrs}</div>

示例用法: 纯文本 <#form:detail path=“planYear”/> 日期 <#form:detail path=“initiateDate” type=“time” dataFormat=“yyyy年MM月dd日”/> 代码项 <#form:detail path=“budgetType” type=“dict” dataFormat=“plan_budget_type”/> 前缀后缀就不贴了