http://panzhihua.gov.cn/static/js/custom.js

1/**
2 * 自定义表单列表
3 *
4 * @formId  必填
5 * @chanId 栏目ID
6 * @extParams 扩展查询条件
7 * @pageNum  页码
8 * @pageSize 页数
9 * @objId  控件的ID
10 *
11 */
12webappUtils.listCustom =function(chanId,formId,extParams,pageNum,pageSize,objSearchId,objId,pageObjId){
13	
14	var url="/custom/list";
15	 //请求参数
16   var baseParams =  {
17       "chanId": chanId,
18	   "formId": formId,
19       "pageNum": pageNum,
20       "pageSize": pageSize
21   };
22
23   var  params =  $.extend( baseParams, extParams);
24	 //拼接列表数据
25   var  CallbackFn =  function(data){
26			//查询条件
27		if(objSearchId){
28			 var searchs = data.searchs;
29
30			 var html='<form action="/" id="customSearchForm" method="post"><table width="100%" cellspacing="1" cellpadding="0" border="0" class="tablelist topfrom"><tbody>';
31			 for(var i = 0; i < searchs.length; i++){
32				 if((i%3)==0){
33				  html+='<tr>';
34				 }
35
36				if(searchs[i].controlType=="SingleTextBox"){
37					  html+='<th> '+ searchs[i].name +'： </th>';
38					  html+='<td class="pa_l_10"><input type="text" style="width: 100px;" name="'+ searchs[i].code +'" class="input1"></td>';
39				 }else if(searchs[i].controlType=="DropDownList"){
40					 html+='<th> '+ searchs[i].name +'： </th>';
41					 html+='<td class="pa_l_10"><select style="width: 120px;" name="'+ searchs[i].code +'">';
42					 var str = searchs[i].optionList.split('|'); //字符分割
43					 for (j=0;j<str.length ;j++ ){
44						 var temp=str[j].split('####'); //字符分割
45						  html+='<option value="'+ temp[0]+'">'+ temp[1]+'</option>';
46					  } 
47					 html+='</select></td>';
48
49				 }else if(searchs[i].controlType=="DateTime"){
50					 html+='<th> '+ searchs[i].name +'： </th>';
51					 html+='<td class="pa_l_10">';
52					 html+='<input type="text" style="width:100px;" class="input1"  readonly="readonly"  ';
53					 html+='onfocus="WdatePicker({startDate:this.value,dateFmt:\'yyyy-MM-dd HH:mm:ss\'});" name="'+ searchs[i].code +'"></td>';
54				 }
55
56				 if((i>0) && ((i%3)==0) || (i==(searchs.length-1))){
57					 if(i==(searchs.length-1)){
58						 html+='<td style="text-align: center;"><input type="button" value="检索" id="customSearch" class="btn_submit" /></td>'
59					 }
60				  html+='</tr>';
61				 }
62			 }
63
64			 html+='</tbody></table></form>';
65			$('#' + objSearchId).html(html);
66		}
67
68
69		var columns = data.columns;
70		var list= data.list;
71		var topics=list.topics;
72		//数据拼接
73		if(objId){
74			
75			//数据表表头
76			html='<table width="100%" cellspacing="1" cellpadding="0" border="0" class="tablelist" ><thead><tr>';
77				for(var i = 0; i < columns.length; i++){
78				html+='<th width="' + columns[i].width +'"> '+ columns[i].header+'</th>';
79				}
80			html+='</tr></thead>';
81			html+='<tbody>';
82
83			for(var i = 0; i < topics.length; i++){
84				html+='<tr>';
85					for(var j = 0; j < columns.length; j++){
86					  html+='<td align="center"><a href="customdetail.html">'+ topics[i][columns[j].dataIndex] + '</a></td>';
87					}
88				html+='</tr>';
89			}
90			html+='</tbody></table>';
91
92			$('#' + objId).html(html);
93		 }
94
95		
96		 //分页
97		 if(pageObjId){
98			 if(topics && topics.length > 0 ){
99				 $.page($('#'+ pageObjId ),list.pageCount, list.pageNum, list.totalCount , list.pageSize,list.prev,list.next);
100
101				  $('#page_num').change(function() {
102									var pageNumber = $("#page_num").val();
103								webappUtils.listCustom(chanId,pageNumber,pageSize,objSearchId,objId,pageObjId);
104								});

105				 $('span.clickable').click(function() {
106									var pageNumber = $(this).attr('name');
107								webappUtils.listCustom(chanId,pageNumber,pageSize,objSearchId,objId,pageObjId);
108								});
109			 }else{
110				 $.page($('#'+ pageObjId ),0, 0, 0, 0, 0, 0);
111			 }
112                         
113          }
114		  
115
116		  //查询数据
117		  $('#customSearch').click(function (){
118			var customParams= $('#customSearchForm').serialize().replace(/\+/g," ");
119			 webappUtils.listCustom(chanId,formId,customParams,pageNum,pageSize,objSearchId,objId,pageObjId);
120		   });
121
122   }
123	
124   _utils.search(params, url , CallbackFn);	
125}
126
127
128
129/**
130 * 自定义表单保存
131 *
132 * @params 自定义数据  
133 * chanId 必填
134 *
135 */
136webappUtils.saveCustom = function(params){
137	
138	var url="/custom/save";
139	
140	 //拼接列表数据
141   var  CallbackFn =  function(data){
142		 
143	
144   }
145	
146   _utils.search(params, url , CallbackFn);	
147}
148
149
150
151
152/**
153 * 自定义表单详细
154 *
155 * @chanId 栏目ID
156 * @customId  自定义表单数据ID
157 * @objId  控件的ID
158 *
159 */
160webappUtils.customFieldsOfCreate = function(chanId,objId){
161	
162 var url="/custom/getFieldsOfCreate";
163
164	 //请求参数
165  var params =  {
166      "chanId": chanId
167  };
168	 //拼接列表数据
169  var  CallbackFn =  function(data){
170
171		 var html='<form action="/" id="customForm" method="post">';
172		 html+='<input  name="chanId" value="'+ chanId +'"  type="hidden"  />';
173		 html+='<table width="100%" border="0" cellspacing="1" cellpadding="0" class="tab_neir3">';
174
175		for(var i = 0; i < data.length; i++){
176
177			html+='<tr>'
178			html+='<th align="right">' + data[i].name +'：</th>'
179			html+='<td colspan="3" align="left" class="custom" >'
180			if(data[i].controlType=="SingleTextBox"){
181
182				html+='<input class="fl" name="'+ data[i].code +'" type="text" style="width:550px; height:20px; background:#f7f9fd; border:1px #becddc solid;"/>';
183					
184			}else if (data[i].controlType=="CheckBoxList"){
185
186				 var str = data[i].optionList.split('|'); //字符分割
187				 for (j=0;j<str.length ;j++ ){
188					 var temp=str[j].split('####'); //字符分割
189					 if(j==0){
190						  html+='<label><input type="checkbox" name="'+ data[i].code +'" value="'+ temp[0]  + '" checked="checked">'+ temp[1] +'</label>';
191					 }else{
192					   html+='<label><input type="checkbox" name="'+ data[i].code +'"  value="'+ temp[0]  +'" >'+ temp[1] +'</label>';
193					 }
194				  } 
195				
196
197			}else if(data[i].controlType=="RadioButtonList"){
198
199				 var str = data[i].optionList.split('|'); //字符分割
200				 for (j=0;j<str.length ;j++ ){
201					 var temp=str[j].split('####'); //字符分割
202					 if(j==0){
203						html+='<label><input type="radio" name="'+ data[i].code +'" value="'+ temp[0]  +'" checked="checked">'+ temp[1] +'</label>';
204					 }else{
205					   html+='<label><input type="radio" name="'+ data[i].code +'"  value="'+ temp[0]  +'" >'+ temp[1] +'</label>';
206					 }
207				  } 
208
209
210			}else if(data[i].controlType=="DropDownList"){
211
212				 html+='<select style="width: 120px;" name="'+ data[i].code +'">';
213				 var str = data[i].optionList.split('|'); //字符分割
214				 for (j=0;j<str.length ;j++ ){
215					 var temp=str[j].split('####'); //字符分割
216					  html+='<option value="'+ temp[0]+'">'+ temp[1]+'</option>';
217				  } 
218				 html+='</select>';
219
220			}else if(data[i].controlType=="DateTime"){
221					 html+='<input type="text" class="input1"  readonly="readonly"  ';
222					 html+='onfocus="WdatePicker({startDate:this.value,dateFmt:\'yyyy-MM-dd\'});" name="'+ data[i].code +'" />';
223			
224			}else if(data[i].controlType=="UpFile"){
225				 html+='<input  type="file" name="uploadFile"  id= "uploadFile"/>';
226				 html+='<div style="padding-right: 5px;" id="attachList">';
227                 html+='<ul id="uploaded" bgcolor="#ebf3f9"></ul></div>';
228			}
229
230			//是否必填
231			if(data[i].required){
232				html+='<em class="red fl">*</em>';
233			}
234
235			html+='</td></tr>';
236
237		}
238		html+='<tr><th align="right">验证码：</th>'
239		html+='<td colspan="3" align="left"><input type="hidden" name="validId" id="validId"/>';
240	    html+='<input name="code" type="text" style="width:82px; height:20px; background:#f7f9fd; border:1px #becddc solid; " />';
241	    html+='<a href="javascript:utils.getValidImg(\'imgValid\',\'validId\');"><img  src=""  id="imgValid"/></a></td></tr>';
242		html+='</table>';
243
244		html+='<p class=" mt-20" style="padding-left:38%; font-size:12px; overflow:hidden;zoom: 1;">';
245        html+='<button class="dyzx_but" id="customcommit" >确认提交</button> <a class="dyzx_but" id="jxzx" href="javascript:document.getElementById(\'customForm\').reset();">重新填写	</a></p></form>';
246		$('#' + objId).html(html);
247
248		_utils.getValidImg('imgValid','validId');
249		webappUtils.customUploadify("uploadFile","uploaded");
250
251		$('#customcommit').click(function (){
252
253			var serialize = $('#customForm').serialize();
254
255
256			//提交表单数据
257			webappUtils.saveCustom(serialize);
258		});
259
260  }
261  _utils.search(params, url , CallbackFn);	
262}
263
264
265
266
267
268
269/**
270 * 自定义表单详细
271 *
272 * @chanId 栏目ID
273 * @customId  自定义表单数据ID
274 * @objId  控件的ID
275 *
276 */

277webappUtils.customDetail = function(chanId,customId ,objId){
278	
279	var url="/custom/detail";
280	 //请求参数
281  var params =  {
282      "chanId": chanId,
283      "id": customId
284  };
285	 //拼接列表数据
286  var  CallbackFn =  function(data){
287		 
288  }
289	
290  _utils.search(params, url , CallbackFn);	
291}
292
293
294
295
296
297/**
298 * 自定义表单详细
299 *
300 * @chanId 栏目ID
301 * @customId  自定义表单数据ID
302 * @objId  控件的ID
303 *
304 */
305webappUtils.customDetail = function(chanId,customId ,objId){
306	
307	var url="/custom/detail";
308	 //请求参数
309  var params =  {
310      "chanId": chanId,
311      "id": customId
312  };
313	 //拼接列表数据
314  var  CallbackFn =  function(data){
315		 
316  }
317	
318  _utils.search(params, url , CallbackFn);	
319}
320
321
322
323
324/**
325 * 删除自定义表单数据
326 *
327 * @chanId 栏目ID
328 * @customIds  自定义表单数据IDs
329 *
330 */
331webappUtils.deleteCustom = function(chanId,customIds){
332	
333	var url="/custom/delete";
334	 //请求参数
335  var params =  {
336      "chanId": chanId,
337      "ids": customIds
338  };
339	 //拼接列表数据
340  var  CallbackFn =  function(data){
341		 
342  }
343	
344  _utils.search(params, url , CallbackFn);	
345}
346
347
348/**
349 * 删除自定义表单子表数据
350 *
351 * @chanId 栏目ID
352 * @customIds  自定义表单数据IDs
353 *
354 */
355webappUtils.deleteSonCustom = function(sonFormId,sonIds){
356	
357	var url="/custom/deleteSon";
358	 //请求参数
359  var params =  {
360      "sonFormId": sonFormId,
361      "sonIds": sonIds
362  };
363	 //拼接列表数据
364  var  CallbackFn =  function(data){
365		 
366  }
367	
368  _utils.search(params, url , CallbackFn);	
369}
370
371
372/**
373 * 初始化上传附件
374 *
375 * @param1  上传附件的ID名称
376 * @param2  拼接数据的ID名称
377 *
378 */
379webappUtils.customUploadify = function(uploadObjId,objId){
380
381	 $("#" + uploadObjId).uploadify({
382			//开启调试
383			'debug' : false,
384			//是否自动上传
385			'auto' : true,
386			'multi' : true,
387			//flash
388            'swf' : _utils.domain + '/static/uploadify.swf',
389			//文件选择后的容器ID
390			'queueID' : 'uploadQueue',
391			//上传处理程序
392            'uploader' : _utils.domain + '/custom/upload',
393			//浏览按钮的背景图片路径
394			/**
395			'buttonImage'    : 'upbutton.gif',
396			 */
397			'buttonText' : '选择文件',
398            'cancelImg' : _utils.domain + '/static/image/uploadify-cancel.png',
399			//浏览按钮的宽度
400			'width' : '100',
401			//浏览按钮的高度
402			'height' : '32',
403			//expressInstall.swf文件的路径。
404            /**'expressInstall' : _utils.domain + '/webapp/static/expressInstall.swf',*/
405			//在浏览窗口底部的文件类型下拉菜单中显示的文本
406			'fileTypeDesc'   : '支持的格式：',
407			//允许上传的文件后缀
408			'fileTypeExts'   : '*.jpg;*.jpeg;*.gif;*.png;*.pdf;*.doc;*.docx;*.txt;*.xls;*.xlsx;*.mp3',
409			//上传文件的大小限制
410			'fileSizeLimit' : '10MB',
411			//上传数量
412			'queueSizeLimit' : 1,
413			//选择上传文件后调用
414			'onSelect' : function(file) {
415				//alert(file.name);  
416			},
417			//检测FLASH失败调用
418			'onFallback' : function() {
419				alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
420			},
421			//上传到服务器，服务器返回相应信息到data里
422			'onUploadSuccess' : function(file, data, response) {
423				$("#" + objId).append("<li>" + file.name + "<input type='hidden' id='attach' name='attachIdList' value='" + data.trim() + "' /></li>");
424			}
425		});   
426}