testxx-update.jsp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html>
  4. <html lang="zh-CN">
  5. <head>
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <title>测试11</title>
  9. <meta name="description" content="">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="stylesheet" href="online/template/ledefault/css/vendor.css">
  12. <link rel="stylesheet" href="online/template/ledefault/css/bootstrap-theme.css">
  13. <link rel="stylesheet" href="online/template/ledefault/css/bootstrap.css">
  14. <link rel="stylesheet" href="online/template/ledefault/css/app.css">
  15. <link rel="stylesheet" href="plug-in/Validform/css/metrole/style.css" type="text/css"/>
  16. <link rel="stylesheet" href="plug-in/Validform/css/metrole/tablefrom.css" type="text/css"/>
  17. <script type="text/javascript" src="plug-in/jquery/jquery-1.9.0.js"></script>
  18. <script type="text/javascript" src="plug-in/tools/dataformat.js"></script>
  19. <script type="text/javascript" src="plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
  20. <script type="text/javascript" src="plug-in/easyui/locale/zh-cn.js"></script>
  21. <script type="text/javascript" src="plug-in/tools/syUtil.js"></script>
  22. <script type="text/javascript" src="plug-in/My97DatePicker/WdatePicker.js"></script>
  23. <script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js"></script>
  24. <script type="text/javascript" src="plug-in/tools/curdtools_zh-cn.js"></script>
  25. <script type="text/javascript" src="plug-in/tools/easyuiextend.js"></script>
  26. <script type="text/javascript" src="plug-in/Validform/js/Validform_v5.3.1_min_zh-cn.js"></script>
  27. <script type="text/javascript" src="plug-in/Validform/js/Validform_Datatype_zh-cn.js"></script>
  28. <script type="text/javascript" src="plug-in/Validform/js/datatype_zh-cn.js"></script>
  29. <script type="text/javascript" src="plug-in/Validform/plugin/passwordStrength/passwordStrength-min.js"></script>
  30. <script type="text/javascript" charset="utf-8" src="plug-in/ueditor/ueditor.config.js"></script>
  31. <script type="text/javascript" charset="utf-8" src="plug-in/ueditor/ueditor.all.min.js"></script>
  32. <link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
  33. <script type="text/javascript" src="plug-in/uploadify/jquery.uploadify-3.1.js"></script>
  34. <script type="text/javascript">
  35. //编写自定义JS代码
  36. </script>
  37. </head>
  38. <body>
  39. <t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" action="testxxController.do?doUpdate" tiptype="1" callback="jeecgFormFileCallBack@Override">
  40. <input type="hidden" id="btn_sub" class="btn_sub"/>
  41. <input type="hidden" name="id" value='${testxxPage.id}' >
  42. <div class="tab-wrapper">
  43. <!-- tab -->
  44. <ul class="nav nav-tabs">
  45. <li role="presentation" class="active"><a href="javascript:void(0);">测试11</a></li>
  46. </ul>
  47. <!-- tab内容 -->
  48. <div class="con-wrapper" id="con-wrapper1" style="display: block;">
  49. <div class="row form-wrapper">
  50. <div class="row show-grid">
  51. <div class="col-xs-3 text-center">
  52. <b>名字:</b>
  53. </div>
  54. <div class="col-xs-3">
  55. <input id="name" name="name" type="text" class="form-control" datatype="*" ignore="ignore" value='${testxxPage.name}' />
  56. <span class="Validform_checktip" style="float:left;height:0px;"></span>
  57. <label class="Validform_label" style="display: none">名字</label>
  58. </div>
  59. </div>
  60. <div class="row show-grid">
  61. <div class="col-xs-3 text-center">
  62. <b>位置描述:</b>
  63. </div>
  64. <div class="col-xs-3">
  65. <input id="location" name="location" type="text" class="form-control" ignore="ignore" value='${testxxPage.location}' />
  66. <span class="Validform_checktip" style="float:left;height:0px;"></span>
  67. <label class="Validform_label" style="display: none">位置描述</label>
  68. </div>
  69. </div>
  70. <div class="row show-grid">
  71. <div class="col-xs-3 text-center">
  72. <b>所在区域:</b>
  73. </div>
  74. <div class="col-xs-3">
  75. <t:dictSelect field="room" type="list" extendJson="{class:'form-control'}" typeGroupCode="week" defaultVal="${testxxPage.room}" hasLabel="false" title="所在区域"></t:dictSelect>
  76. <span class="Validform_checktip" style="float:left;height:0px;"></span>
  77. <label class="Validform_label" style="display: none">所在区域</label>
  78. </div>
  79. </div>
  80. <div class="row show-grid">
  81. <div class="col-xs-3 text-center">
  82. <b>图标:</b>
  83. </div>
  84. <div class="col-xs-3">
  85. <table id="icon_fileTable"></table>
  86. <table></table>
  87. <script type="text/javascript">
  88. var serverMsg="";
  89. $(function(){
  90. $('#icon').uploadify({
  91. buttonText:'添加图片',
  92. auto:false,
  93. progressData:'speed',
  94. multi:true,
  95. height:25,
  96. overrideEvents:['onDialogClose'],
  97. fileTypeDesc:'文件格式:',
  98. queueID:'filediv_icon',
  99. fileSizeLimit:'15MB',
  100. swf:'plug-in/uploadify/uploadify.swf',
  101. uploader:'cgUploadController.do?saveFiles&jsessionid='+$("#sessionUID").val()+'',
  102. onUploadStart : function(file) {
  103. var cgFormId=$("input[name='id']").val();
  104. $('#icon').uploadify("settings", "formData", {
  105. 'cgFormId':cgFormId,
  106. 'cgFormName':'testxx',
  107. 'cgFormField':'ICON'
  108. });
  109. } ,
  110. onQueueComplete : function(queueData) {
  111. var win = frameElement.api.opener;
  112. win.reloadTable();
  113. win.tip(serverMsg);
  114. frameElement.api.close();
  115. },
  116. onUploadSuccess : function(file, data, response) {
  117. var d=$.parseJSON(data);
  118. if(d.success){
  119. var win = frameElement.api.opener;
  120. serverMsg = d.msg;
  121. }
  122. },
  123. onFallback: function() {
  124. tip("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试")
  125. },
  126. onSelectError: function(file, errorCode, errorMsg) {
  127. switch (errorCode) {
  128. case - 100 : tip("上传的文件数量已经超出系统限制的" + $('#file').uploadify('settings', 'queueSizeLimit') + "个文件!");
  129. break;
  130. case - 110 : tip("文件 [" + file.name + "] 大小超出系统限制的" + $('#file').uploadify('settings', 'fileSizeLimit') + "大小!");
  131. break;
  132. case - 120 : tip("文件 [" + file.name + "] 大小异常!");
  133. break;
  134. case - 130 : tip("文件 [" + file.name + "] 类型不正确!");
  135. break;
  136. }
  137. },
  138. onUploadProgress: function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {}
  139. });
  140. });
  141. </script>
  142. <span id="file_uploadspan"><input type="file" name="icon" id="icon" /></span>
  143. <div class="form" id="filediv_icon"></div>
  144. <span class="Validform_checktip" style="float:left;height:0px;"></span>
  145. <label class="Validform_label" style="display: none">图标</label>
  146. </div>
  147. </div>
  148. <div class="row show-grid">
  149. <div class="col-xs-3 text-center">
  150. <b>项目:</b>
  151. </div>
  152. <div class="col-xs-3">
  153. <input id="pid" name="pid" type="text" class="form-control" ignore="ignore" onclick="inputClick(this,'pid','p_project')" value='${testxxPage.pid}'/>
  154. <span class="Validform_checktip" style="float:left;height:0px;"></span>
  155. <label class="Validform_label" style="display: none">项目</label>
  156. </div>
  157. </div>
  158. <div class="row" id = "sub_tr" style="display: none;">
  159. <div class="col-xs-12 layout-header">
  160. <div class="col-xs-6"></div>
  161. <div class="col-xs-6"><button type="button" onclick="neibuClick();" class="btn btn-default">提交</button></div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="con-wrapper" id="con-wrapper2" style="display: block;"></div>
  167. </div>
  168. </t:formvalid>
  169. <script type="text/javascript">
  170. //加载 已存在的 文件
  171. $(function(){
  172. var cgFormId=$("input[name='id']").val();
  173. $.ajax({
  174. type: "post",
  175. url: "testxxController.do?getFiles&id=" + cgFormId,
  176. success: function(data){
  177. var arrayFileObj = jQuery.parseJSON(data).obj;
  178. $.each(arrayFileObj,function(n,file){
  179. var fieldName = file.field.toLowerCase();
  180. var table = $("#"+fieldName+"_fileTable");
  181. var tr = $("<tr style=\"height:34px;\"></tr>");
  182. var title = file.title;
  183. if(title.length > 15){
  184. title = title.substring(0,12) + "...";
  185. }
  186. var td_title = $("<td>" + title + "</td>");
  187. var td_download = $("<td><a style=\"margin-left:10px;\" href=\"commonController.do?viewFile&fileid=" + file.fileKey + "&subclassname=org.jeecgframework.web.cgform.entity.upload.CgUploadEntity\" title=\"下载\">下载</a></td>")
  188. var td_view = $("<td><a style=\"margin-left:10px;\" href=\"javascript:void(0);\" onclick=\"openwindow('预览','commonController.do?openViewFile&fileid=" + file.fileKey + "&subclassname=org.jeecgframework.web.cgform.entity.upload.CgUploadEntity','fList',700,500)\">预览</a></td>");
  189. var td_del = $("<td><a style=\"margin-left:10px;\" href=\"javascript:void(0)\" class=\"jeecgDetail\" onclick=\"del('cgUploadController.do?delFile&id=" + file.fileKey + "',this)\">删除</a></td>");
  190. tr.appendTo(table);
  191. td_title.appendTo(tr);
  192. td_download.appendTo(tr);
  193. td_view.appendTo(tr);
  194. td_del.appendTo(tr);
  195. });
  196. }
  197. });
  198. });
  199. /**
  200. * 删除图片数据资源
  201. */
  202. function del(url,obj){
  203. var content = "请问是否要删除该资源";
  204. var navigatorName = "Microsoft Internet Explorer";
  205. if( navigator.appName == navigatorName ){
  206. $.dialog.confirm(content, function(){
  207. submit(url,obj);
  208. }, function(){
  209. });
  210. }else{
  211. layer.open({
  212. title:"提示",
  213. content:content,
  214. icon:7,
  215. yes:function(index){
  216. submit(url,obj);
  217. },
  218. btn:['确定','取消'],
  219. btn2:function(index){
  220. layer.close(index);
  221. }
  222. });
  223. }
  224. }
  225. function submit(url,obj){
  226. $.ajax({
  227. async : false,
  228. cache : false,
  229. type : 'POST',
  230. url : url,// 请求的action路径
  231. error : function() {// 请求失败处理函数
  232. },
  233. success : function(data) {
  234. var d = data; // ------ $.parseJSON(data);
  235. if (d.success) {
  236. var msg = d.msg;
  237. tip(msg);
  238. obj.parentNode.parentNode.parentNode.deleteRow(obj.parentNode.parentNode);
  239. } else {
  240. tip(d.msg);
  241. }
  242. }
  243. });
  244. }
  245. function jeecgFormFileCallBack(data){
  246. if (data.success == true) {
  247. uploadFile(data);
  248. } else {
  249. if (data.responseText == '' || data.responseText == undefined) {
  250. $.messager.alert('错误', data.msg);
  251. $.Hidemsg();
  252. } else {
  253. try {
  254. var emsg = data.responseText.substring(data.responseText.indexOf('错误描述'), data.responseText.indexOf('错误信息'));
  255. $.messager.alert('错误', emsg);
  256. $.Hidemsg();
  257. } catch(ex) {
  258. $.messager.alert('错误', data.responseText + '');
  259. }
  260. }
  261. return false;
  262. }
  263. if (!neibuClickFlag) {
  264. var win = frameElement.api.opener;
  265. win.reloadTable();
  266. }
  267. }
  268. function upload() {
  269. $('#icon').uploadify('upload', '*');
  270. }
  271. var neibuClickFlag = false;
  272. function neibuClick() {
  273. neibuClickFlag = true;
  274. $('#btn_sub').trigger('click');
  275. }
  276. function cancel() {
  277. $('#icon').uploadify('cancel', '*');
  278. }
  279. function uploadFile(data){
  280. if(!$("input[name='id']").val()){
  281. if(data.obj!=null && data.obj!='undefined'){
  282. $("input[name='id']").val(data.obj.id);
  283. }
  284. }
  285. if($(".uploadify-queue-item").length>0){
  286. upload();
  287. }else{
  288. if (neibuClickFlag){
  289. alert(data.msg);
  290. neibuClickFlag = false;
  291. }else {
  292. var win = frameElement.api.opener;
  293. win.reloadTable();
  294. win.tip(data.msg);
  295. frameElement.api.close();
  296. }
  297. }
  298. }
  299. </script>
  300. <script type="text/javascript">
  301. $(function(){
  302. //查看模式情况下,删除和上传附件功能禁止使用
  303. if(location.href.indexOf("load=detail")!=-1){
  304. $(".jeecgDetail").hide();
  305. }
  306. if(location.href.indexOf("mode=read")!=-1){
  307. //查看模式控件禁用
  308. $("#formobj").find(":input").attr("disabled","disabled");
  309. }
  310. if(location.href.indexOf("mode=onbutton")!=-1){
  311. //其他模式显示提交按钮
  312. $("#sub_tr").show();
  313. }
  314. });
  315. var neibuClickFlag = false;
  316. function neibuClick() {
  317. neibuClickFlag = true;
  318. $('#btn_sub').trigger('click');
  319. }
  320. </script>
  321. </body>
  322. <script src = "webpage/com/xcgl/test/testxx.js"></script>
  323. </html>