jeecg bootstrap修改单列模版
在作者原来的模版上增强单列模版
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<#assign callbackFlag = false />
<#assign fileName = "" />
<#list pageColumns as callBackTestPo>
<#if callBackTestPo.showType=='file'>
<#assign callbackFlag = true />
</#if>
</#list>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${ftl_description}</title>
<hp:base type="hplusCss"></hp:base>
<style type="text/css">
.wrapper {
float: none;
}
</style>
</head> <body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">
<hp:formvalid formid="formobj" styleClass="form-horizontal" dialog="true" usePlugin="password" layout="table"
action="${entityName?uncap_first}Controller.do?doAdd"
tiptype="1" ${callbackFlag?string("callback=\"jeecgFormFileCallBack@Override\"", "")}>
<input type="hidden" id="btn_sub" class="btn_sub"/>
<input type="hidden" id="id" name="id"/>
<div class="tab-wrapper">
<!-- tab -->
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="javascript:void(0);">${ftl_description}</a></li>
</ul>
<!-- tab内容 --> <div class="form-group">
<#list pageColumns as po>
<#if (pageColumns?size>10)>
<#if po_index%2==0>
<div class="form-group">
</#if>
<#else>
<div class="form-group">
</#if>
<label class="col-sm-2 control-label">${po.content}：</label>
<div class="col-sm-10"> <#if po.showType=='text'>
<input id="${po.fieldName}" name="${po.fieldName}" type="text"
class="form-control" <#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.type == 'int'>
datatype="n"<#elseif po.type=='double'>
datatype="/^(-?\d+)(\.\d+)?$/"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if></#if>>
<#elseif po.showType=='popup'>
<input id="${po.fieldName}" name="${po.fieldName}" type="text"
class="form-control" <#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.type == 'int'>
datatype="n"<#elseif po.type=='double'>
datatype="/^(-?\d+)(\.\d+)?$/"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if></#if><#if po.dictTable?if_exists?html!="">
onclick="inputClick(this,'${po.dictField}','${po.dictTable}')"</#if>>
<#elseif po.showType=='textarea'>
<textarea id="${po.fieldName}" class="form-control" rows="6"
name="${po.fieldName}"></textarea>
<#elseif po.showType=='password'>
<input id="${po.fieldName}" name="${po.fieldName}" type="password"
class="form-control" <#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.type == 'int'>
datatype="n"<#elseif po.type=='double'>
datatype="/^(-?\d+)(\.\d+)?$/"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if></#if>>
<#elseif po.showType=='radio' || po.showType=='select' || po.showType=='checkbox' || po.showType=='list'>
<t:dictSelect field="${po.fieldName}" type="${po.showType?if_exists?html}"
extendJson="{class:'form-control'}"
<#if po.dictTable?if_exists?html != ''>dictTable="${po.dictTable?if_exists?html}"
dictField="${po.dictField?if_exists?html}"
dictText="${po.dictText?if_exists?html}"
<#else>typeGroupCode="${po.dictField}"</#if> hasLabel="false"
title="${po.content}"></t:dictSelect>
<#elseif po.showType=='date'>
<input id="${po.fieldName}" name="${po.fieldName}" type="text" style="width: 150px"
class="form-control"
onClick="WdatePicker()"<#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if>
type="date" pattern="yyyy-MM-dd"/>
<#elseif po.showType=='datetime'>
<input id="${po.fieldName}" name="${po.fieldName}" type="text" style="width: 150px"
class="form-control"
onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"<#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if>
type="date" pattern="yyyy-MM-dd hh:mm:ss"/>
<#elseif po.showType=='file'>
<#assign fileName = "${po.fieldName}" />
<table></table>
<div class="form jeecgDetail">
<script type="text/javascript">
var serverMsg = "";
$(function () {
$('#${po.fieldName}').uploadify({
buttonText: '添加文件',
auto: false,
progressData: 'speed',
multi: true,
height: 25,
overrideEvents: ['onDialogClose'],
fileTypeDesc: '文件格式:',
queueID: 'filediv_file',
fileTypeExts: '*.rar;*.zip;*.doc;*.docx;*.txt;*.ppt;*.xls;*.xlsx;*.html;*.htm;*.pdf;*.jpg;*.gif;*.png',
fileSizeLimit: '15MB',
swf: 'plug-in/uploadify/uploadify.swf',
uploader: 'cgUploadController.do?saveFiles&jsessionid=' + $("#sessionUID").val() + '',
onUploadStart: function (file) {
var cgFormId = $("input[name='id']").val();
$('#${po.fieldName}').uploadify("settings", "formData", {
'cgFormId': cgFormId,
'cgFormName': '${tableName}',
'cgFormField': '${fieldMeta[po.fieldName]}'
});
},
onQueueComplete: function (queueData) {
var win = frameElement.api.opener;
win.reloadTable();
win.tip(serverMsg);
frameElement.api.close();
},
onUploadSuccess: function (file, data, response) {
var d = $.parseJSON(data);
if (d.success) {
var win = frameElement.api.opener;
serverMsg = d.msg;
}
},
onFallback: function () {
tip("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试")
},
onSelectError: function (file, errorCode, errorMsg) {
switch (errorCode) {
case -100 :
tip("上传的文件数量已经超出系统限制的" + $('#file').uploadify('settings', 'queueSizeLimit') + "个文件！");
break;
case -110 :
tip("文件 [" + file.name + "] 大小超出系统限制的" + $('#file').uploadify('settings', 'fileSizeLimit') + "大小！");
break;
case -120 :
tip("文件 [" + file.name + "] 大小异常！");
break;
case -130 :
tip("文件 [" + file.name + "] 类型不正确！");
break;
}
},
onUploadProgress: function (file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
}
});
});
</script>
<span id="file_uploadspan"><input type="file" name="${po.fieldName}"
id="${po.fieldName}"/></span>
</div>
<div class="form" id="filediv_file"></div>
<#--update-start--Author: jg_huangxg Date:20160421 for：TASK #1027 【online】代码生成器模板不支持UE编辑器 -->
<#elseif po.showType='umeditor'>
<script type="text/javascript" charset="utf-8"
src="plug-in/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
src="plug-in/ueditor/ueditor.all.min.js"></script>
<textarea name="${po.fieldName}" id="${po.fieldName}"
style="width: 650px;height:300px"></textarea>
<script type="text/javascript">
var editor = UE.getEditor('${po.fieldName}');
</script>
<#--update-end--Author: jg_huangxg Date:20160421 for：TASK #1027 【online】代码生成器模板不支持UE编辑器 -->
<#else>
<input id="${po.fieldName}" name="${po.fieldName}" type="text" style="width: 150px"
class="form-control" <#if po.fieldValidType?if_exists?html != ''>
datatype="${po.fieldValidType?if_exists?html}"<#else><#if po.type == 'int'>
datatype="n"<#elseif po.type=='double'>
datatype="/^(-?\d+)(\.\d+)?$/"<#else><#if po.isNull != 'Y'>datatype="*"</#if></#if></#if>>
</#if>
<span class="Validform_checktip" style="float:left;height:0px;"></span>
<label class="Validform_label" style="display: none">${po.content?if_exists?html}</label>
</div>
<#if (pageColumns?size>10)>
<#if (po_index%2==0)&&(!po_has_next)>
<div class="col-xs-2 text-center"><b></b></div>
<div class="col-xs-4"></div>
</#if>
<#if (po_index%2!=0)||(!po_has_next)>
</div>
</#if>
<#else>
</div>
</#if> </#list> <div class="row" id="sub_tr" style="display: none;">
<div class="col-xs-12 layout-header">
<div class="col-xs-6"></div>
<div class="col-xs-6">
<button type="button" onclick="neibuClick();" class="btn btn-default">提交</button>
</div>
</div>
</div>
</div>
</div> <div class="con-wrapper" id="con-wrapper2" style="display: block;"></div>
</div>
</hp:formvalid>
<#if callbackFlag == true>
<script type="text/javascript">
function jeecgFormFileCallBack(data) {
if (data.success == true) {
uploadFile(data);
} else {
if (data.responseText == '' || data.responseText == undefined) {
$.messager.alert('错误', data.msg);
$.Hidemsg();
} else {
try {
var emsg = data.responseText.substring(data.responseText.indexOf('错误描述'), data.responseText.indexOf('错误信息'));
$.messager.alert('错误', emsg);
$.Hidemsg();
} catch (ex) {
$.messager.alert('错误', data.responseText + '');
}
}
return false;
}
if (!neibuClickFlag) {
var win = frameElement.api.opener;
win.reloadTable();
}
}
function upload() {
$('#${fileName}').uploadify('upload', '*');
} var neibuClickFlag = false;
function neibuClick() {
neibuClickFlag = true;
$('#btn_sub').trigger('click');
}
function cancel() {
$('#${fileName}').uploadify('cancel', '*');
}
function uploadFile(data) {
if (!$("input[name='id']").val()) {
if (data.obj != null && data.obj != 'undefined') {
$("input[name='id']").val(data.obj.id);
}
}
if ($(".uploadify-queue-item").length > 0) {
upload();
} else {
if (neibuClickFlag) {
alert(data.msg);
neibuClickFlag = false;
} else {
var win = frameElement.api.opener;
win.reloadTable();
win.tip(data.msg);
frameElement.api.close();
}
}
}
</script>
</#if> <script type="text/javascript">
$(function () {
//查看模式情况下,删除和上传附件功能禁止使用
if (location.href.indexOf("load=detail") != -1) {
$(".jeecgDetail").hide();
} if (location.href.indexOf("mode=read") != -1) {
//查看模式控件禁用
$("#formobj").find(":input").attr("disabled", "disabled");
}
if (location.href.indexOf("mode=onbutton") != -1) {
//其他模式显示提交按钮
$("#sub_tr").show();
}
}); var neibuClickFlag = false;
function neibuClick() {
neibuClickFlag = true;
$('#btn_sub').trigger('click');
} </script>
</body>
<script src="webpage/${bussiPackage?replace('.','/')}/${entityPackage}/${entityName?uncap_first}.js"></script>
</html>
jeecg bootstrap修改单列模版的更多相关文章
- 修改netbeans模版头部的说明
以新建一个php类文件为例: 有两个地方需要修改, 1,工具->模版->默认许可证->在编辑器中打开 2,工具->模版->选择php类->在编辑器中打开 即可进行修 ...
- bootstrap的html模版
<!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta nam ...
- MyEclipse10修改servlet模版
Myeclipse10中servlet模版存放的位置与早些的版本不同,它存放在: MyEclipse\Common\plugins中的下面那个jar包中 com.genuitec.eclipse.wi ...
- MyEclipse修改servlet模版
找到myeclipse安装目录中的 然后把这个jar包复制到桌面 以压缩包的方式打开 之后保存, 然后把修改的这个jar包放到刚开的路径,替换已经存在的! 完成!
- JEECG中修改时间相关自定义定时器
JEECG中使用,如下: @InitBinder public void initBinder(ServletRequestDataBinder binder) { binder.registerCu ...
- bootstrap修改数据刷新页面跳转到当前页的问题
修改按钮的页面的方法里添加如下代码 1 var pn = $("#datatable").bootstrapTable('getOptions').pageNumber; ...
- Bootstrap修改input file默认样式
html部分 <div class="form-group"> <label class="col-sm-3 control-label"&g ...
- bootstrap修改勾选样式
小对勾需要引入awesome插件. css部分: .bella-checkbox{ position: relative;}/** 将初始的checkbox的样式改变 */.bella-checkbo ...
- 读取pandas修改单列数据类型
import pandas as pd import numpy as np df = pd.read_csv('000917.csv',encoding='gbk') df = df[df['涨跌幅 ...
随机推荐
- 字节流VS缓冲流
---恢复内容开始--- 字节流VS缓冲流 java.io包中的类大致可以分为:InputStream.OutputStream.Reader.Writer.InputStream/Reader可以理 ...
- 【poj2154】 Color
http://poj.org/problem?id=2154 (题目链接) 题意 n个珠子的项链,可以染上n中颜色,项链可以旋转不能翻转,求染色方案数. Solution 经典的公式: \begin{ ...
- pecl 轻松安装php扩展
PECL 的全称是 The PHP Extension Community Library ,是一个开放的并通过 PEAR(PHP Extension and Application Reposito ...
- 【JavaWeb】Spring+SpringMVC+MyBatis+SpringSecurity+EhCache+JCaptcha 完整Web基础框架（三）
Spring+SpringMVC MVC呢,现在似乎越来越流行使用SpringMVC框架,我自己用的感觉,是非常好,确实很舒服,配置一开始是麻烦了一点点,但是后续的开发真的是很清爽! SpringMV ...
- python的错误和异常
python错误和异常 错误 错误分为语法错误和逻辑错误 语法错误 >>> if File "<stdin>", line 1 if ^ Syntax ...
- easyui datagrid 悬浮事件
easyui的单元格提示窗体 鼠标悬浮事件 function findAllPreven() { var infoname = $('#area').val(); areadatagrid=$('# ...
- 精通css 高级web标准解决方案——可视化格式模型-盒模型
1-盒模型的两种标准: IE :width 和 height属性 是包括padding和border在内的. w3c:width 和 height 属性,就是单纯的内容的宽高,padding 是内容之 ...
- 深入浅出学Spring Data JPA
第一章:Spring Data JPA入门 Spring Data是什么 Spring Data是一个用于简化数据库访问,并支持云服务的开源框架.其主要目标是使得对数据的访问变得方便快捷,并支持map ...
- C++类成员在内存中的存储及对齐方式
前言:数据对齐的基本理论参见文章:http://www.cnblogs.com/MyBlog-Richard/articles/5993448.html 一.空类的大小 C++中空类的大小是1,这是因 ...
- IIS7错误“Web服务器被配置为不列出此目录的内容”的解决办法
*打开 Internet 信息服务(IIS)管理器 - 目录浏览 选择启用即可.