js打印方法 · 翼通系統開發

##js打印方法 ``` var actionURL = '/No1_people/ashx/No1_peopleHandler.ashx'; var formurl = '/No1_people/html/No1_people.html'; $(function () { //為避免數據字典加載不完整。這段在后面加載 //autoResize({ dataGrid: '#list', gridType: 'datagrid', callback: grid.bind, height: 0 }); $('#a_add').click(CRUD.add); $('#a_edit').click(CRUD.edit); $('#a_delete').click(CRUD.del); //高級查詢 $('#a_search').click(function () { search.go('list'); }); $('#a_refresh').click(grid.reload);//刷新 $('#mysearch').click(function () {//自定義搜索框 mySearch(); }); /*導出EXCEL*/ $('#a_export').click(function () { var ee = new ExportExcel('list', actionURL); ee.go(); }); /*導入EXCEL*/ $('#a_inport').click(function () { var ii = new ImportExcel('list', actionURL); ii.go(); }); //批量刪除 $("#a_alldel").click(function () { var ids = []; var rows = $('#list').datagrid('getSelections'); for (var i = 0; i < rows.length; i++) { ids.push(rows[i].KeyId); } var allid = ids.join(',');//所有的id var o = {}; o.action = "alldel"; o.KeyIds = allid; var param = "json=" + JSON.stringify(o); if (confirm('確認要執行批量刪除操作嗎？')) { jQuery.ajaxjson(actionURL, param, function (d) { if (parseInt(d) > 0) { msg.ok('批量刪除成功！'); grid.reload(); } else { MessageOrRedirect(d); } }); } }); }); //這段后加載，避免數據字典加載不完整的問題 window.onload = function () { autoResize({ dataGrid: '#list', gridType: 'datagrid', callback: grid.bind, height: 0 }); }; //editor:'datetimebox' 日期及時間選擇框 editor:'datebox' 日期選擇框 editor:'numberspinner' 數字調節器 editor:{type: 'numberspinner',options:{value:0,required:true}} //定義一個$JQ為$.　以后在js 中就可以用${JQ}AJAX了在前臺這樣寫(定義)://通用數據字典start var getDic = { jsonData: function (dicID) { $.getJSON('/sys/ashx/dichandler.ashx?categoryId=' + dicID + '', function (data) { var newData = JSON.stringify(data).replace(/KeyId/g, "id").replace(/Title/g, "text"); //alert(newData); $('body').data('data' + dicID + '', newData); //意思是得到數據并賦值給body }); }, jsonParentData: function (dicID) { $.getJSON('/sys/ashx/dichandler.ashx?action=parent&parentid=' + dicID + '', function (data) { var newData = JSON.stringify(data).replace(/KeyId/g, "id").replace(/Title/g, "text"); $('body').data('data' + dicID + '', newData); //意思是得到數據并賦值給body }); }, } //通用數據字典end //調用數據字典和使用數據字典如果不需要請不要打開否則會導致系統速度慢 //getDic.jsonData(9);//取得性別數據字典 //在onLoad:的地方如下使用 //top.$('#txt_user_sex').combobox({ data: eval($('body').data('data9')), valueField: 'text', textField: 'text', editable: false, required: true, missingMessage: '請選擇性別', disabled: false }); var grid = { bind: function (winSize) { $('#list').datagrid({ url: actionURL, toolbar: '#toolbar', title: "數據列表", iconCls: 'icon icon-list', width: winSize.width, height: winSize.height, nowrap: false, //折行 rownumbers: true, //行號 striped: true, //隔行變色 idField: 'KeyId',//主鍵 singleSelect: true, //單選 frozenColumns: [[]], columns: [[//應為寬度不是很需要所以注釋了寬度 { title: '選擇', field: 'ck', checkbox: true },//后加進去全選字段數據庫里是沒有的 { title: '自增ID', field: 'KeyId', sortable: true, width: '', hidden: true, editor: { type: 'numberspinner', options: { required: false, validType: '', missingMessage: '' } } }, { title: '村組', field: 'village', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '家庭屬性', field: 'jiatingproperty', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '姓名', field: 'truename', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '身份證', field: 'idcard', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '與戶主關系', field: 'rel', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '戶籍人口', field: 'peoples', sortable: true, width: '', hidden: false, editor: { type: 'numberspinner', options: { required: false, validType: '', missingMessage: '' } } }, { title: '性別', field: 'sex', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '出生日期', field: 'birthday', sortable: true, width: '', hidden: false, editor: { type: 'datetimebox', options: { required: false, validType: '', missingMessage: '' } } , formatter: function (v, r, i) { var adtime = r.birthday;//字段名 if (adtime == null) { return null; } else { var addtime = r.birthday; var myDate = new Date(addtime); var shijian = myDate.toLocaleDateString(); console.log("時間:" + shijian); return shijian; } }, }, { title: '民族', field: 'nation', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '家庭地址', field: 'address', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '電話號碼', field: 'phone', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '是否老人', field: 'laorenfou', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '是否特困', field: 'tekunfou', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '有無勞動力', field: 'labour', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } ,formatter: function (value, row, index) {//單元格formatter(格式化器)函數，帶3個參數：value：字段值。row：行記錄數據。index: 行索引。 var nl = jsGetAge(row.birthday); if (nl >= 16 & nl<= 60) {//年齡達到60歲享受養老保險 return "有"; } else { return "無"; } }, }, { title: '耕地面積', field: 'gengdimianji', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '戶主', field: 'homemaster', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '戶主身份證號碼', field: 'homemasteridcard', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '住房情況', field: 'housing', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '住房面積', field: 'housmj', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '是否危房', field: 'crisisroom', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '飲水情況', field: 'watersafe', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: { required: false, validType: '', missingMessage: '' } } }, { title: '房屋照片', field: 'photos', sortable: true, width: '', hidden: true }, ]], onEndEdit: onEndEdit,//結束編輯時函數這里為了簡潔該函數寫在下面 onUnselect: onUnselect, onLoadSuccess: function (data) { //alert($('body').data('data70')); //alert($('body').data('data69')); }, onCancelEdit: onCancelEdit,//在用戶取消編輯一行的時候觸發 onSelect: onSelect,//在用戶選擇一行的時候觸發 onClickRow: onClickRow,//在用戶點擊一行的時候觸發 //onAfterEdit: onAfterEdit,//在用戶完成編輯一行的時候觸發 onDblClickCell: onDblClickCell,//為了程序邏輯清楚函數寫在外面 onHeaderContextMenu: function (e, field) {//列菜單實現動態隱藏列 e.preventDefault(); if (!cmenu) { createColumnMenu(); } cmenu.menu('show', { left: e.pageX, top: e.pageY }); }, pagination: true, pageSize: PAGESIZE, pageList: [20, 40, 50, 100, 200] }); }, getSelectedRow: function () { return $('#list').datagrid('getSelected'); }, reload: function () { $('#list').datagrid('clearSelections').datagrid('reload', { filter: '' }); } }; function createParam(action, keyid) { var o = {}; var query = top.$('#uiform').serializeArray(); query = convertArray(query); o.jsonEntity = JSON.stringify(query); o.action = action; o.keyid = keyid; return "json=" + JSON.stringify(o); } var CRUD = { add: function () { var hDialog = top.jQuery.hDialog({ title: '添加', width: '70%', height: '80%', href: formurl, iconCls: 'icon-add', onLoad: function () { top.$('#txt_housing').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=83', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_watersafe').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=82', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_jiatingproperty').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=91', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_laorenfou').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=88', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_tekunfou').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=88', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('.kindeditor').kindeditor();//初始化kingdeditor編輯器 // 初始化Web Uploader房屋圖片 (function ($) { // 當domReady的時候開始初始化 $(function () { var $wrap = top.$('#uploader'), // 圖片容器 $queue = $('<ul class="filelist"></ul>') .appendTo($wrap.find('.queueList')), // 狀態欄，包括進度和控制按鈕 $statusBar = $wrap.find('.statusBar'), // 文件總體選擇信息。 $info = $statusBar.find('.info'), // 上傳按鈕 $upload = $wrap.find('.uploadBtn'), // 沒選擇文件之前的內容。 $placeHolder = $wrap.find('.placeholder'), $progress = $statusBar.find('.progress').hide(), // 添加的文件數量 fileCount = 0, // 添加的文件總大小 fileSize = 0, // 優化retina, 在retina下這個值是2 ratio = window.devicePixelRatio || 1, // 縮略圖大小 thumbnailWidth = 110 * ratio, thumbnailHeight = 110 * ratio, // 可能有pedding, ready, uploading, confirm, done. state = 'pedding', // 所有文件的進度信息，key為file id percentages = {}, // 判斷瀏覽器是否支持圖片的base64 isSupportBase64 = (function () { var data = new Image(); var support = true; data.onload = data.onerror = function () { if (this.width != 1 || this.height != 1) { support = false; } } data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; return support; })(), // 檢測是否已經安裝flash，檢測flash的版本 flashVersion = (function () { var version; try { version = navigator.plugins['Shockwave Flash']; version = version.description; } catch (ex) { try { version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash') .GetVariable('$version'); } catch (ex2) { version = '0.0'; } } version = version.match(/\d+/g); return parseFloat(version[0] + '.' + version[1], 10); })(), supportTransition = (function () { var s = document.createElement('p').style, r = 'transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s; s = null; return r; })(), // WebUploader實例 uploader; if (!WebUploader.Uploader.support('flash') && WebUploader.browser.ie) { // flash 安裝了但是版本過低。 if (flashVersion) { (function (container) { window['expressinstallcallback'] = function (state) { switch (state) { case 'Download.Cancelled': alert('您取消了更新！') break; case 'Download.Failed': alert('安裝失敗') break; default: alert('安裝已成功，請刷新！'); break; } delete window['expressinstallcallback']; }; var swf = './expressInstall.swf'; // insert flash object var html = '<object type="application/' + 'x-shockwave-flash" data="' + swf + '" '; if (WebUploader.browser.ie) { html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '; } html += 'width="100%" height="100%" style="outline:0">' + '<param name="movie" value="' + swf + '" />' + '<param name="wmode" value="transparent" />' + '<param name="allowscriptaccess" value="always" />' + '</object>'; container.html(html); })($wrap); // 壓根就沒有安轉。 } else { $wrap.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>'); } return; } else if (!WebUploader.Uploader.support()) { alert('Web Uploader 不支持您的瀏覽器！'); return; } // 實例化 uploader = WebUploader.create({ pick: { id: top.$('#filePicker'), label: '點擊選擇圖片' }, formData: { uid: 123 }, dnd: top.$('#dndArea'), paste: top.$('#uploader'), swf: '/script/webuploader/Uploader.swf', chunked: false, chunkSize: 512 * 1024, server: '/No1_cheliangxinxi/ashx/No1_cheliangxinxiHandler.ashx?json={"action":"addimg"}', // runtimeOrder: 'flash', accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' }, // 禁掉全局的拖拽功能。這樣不會出現圖片拖進頁面的時候，把圖片打開。 disableGlobalDnd: true, fileNumLimit: 300, fileSizeLimit: 200 * 1024 * 1024, // 200 M fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M }); // 拖拽時不接受 js, txt 文件。 uploader.on('dndAccept', function (items) { var denied = false, len = items.length, i = 0, // 修改js類型 unAllowed = 'text/plain;application/javascript '; for (; i < len; i++) { // 如果在列表里面 if (~unAllowed.indexOf(items[i].type)) { denied = true; break; } } return !denied; }); //當某個文件上傳到服務端響應后返回服務端的數據 var scimgurl; var scresult; uploader.on('uploadAccept', function (object, ret) { //alert(ret.imgurl); scimgurl = ret.imgurl; scresult = ret.result; var imgurl = top.$('#txt_photos').val(); if (imgurl === "" || imgurl === null || imgurl === undefined) { top.$('#txt_photos').val(ret.imgurl); } else { top.$('#txt_photos').val(imgurl + ";" + ret.imgurl); } }); // uploader.on('filesQueued', function() { // uploader.sort(function( a, b ) { // if ( a.name < b.name ) // return -1; // if ( a.name > b.name ) // return 1; // return 0; // }); // }); // 添加“添加文件”的按鈕， uploader.addButton({ id: top.$('#filePicker2'), label: '繼續添加' }); uploader.on('ready', function () { window.uploader = uploader; }); // 當有文件添加進來時執行，負責view的創建 function addFile(file) { var $li = $('<li id="' + file.id + '">' + '' + file.name + '' + '' + '' + '</li>'), $btns = $('<div class="file-panel">' + '刪除' + '向右旋轉' + '向左旋轉</div>').appendTo($li), $prgress = $li.find('p.progress span'), $wrap = $li.find('p.imgWrap'), $info = $(''), showError = function (code) { switch (code) { case 'exceed_size': text = '文件大小超出'; break; case 'interrupt': text = '上傳暫停'; break; default: text = '上傳失敗，請重試'; break; } $info.text(text).appendTo($li); }; if (file.getStatus() === 'invalid') { showError(file.statusText); } else { // @todo lazyload $wrap.text('預覽中'); uploader.makeThumb(file, function (error, src) { var img; if (error) { $wrap.text('不能預覽'); return; } if (isSupportBase64) { img = $('<img src="' + src + '">'); $wrap.empty().append(img); } else { if (scresult) { img = $('<img src="' + scimgurl + '">'); $wrap.empty().append(img); } else { $wrap.text("預覽出錯"); } } }, thumbnailWidth, thumbnailHeight); percentages[file.id] = [file.size, 0]; file.rotation = 0; } file.on('statuschange', function (cur, prev) { if (prev === 'progress') { $prgress.hide().width(0); } else if (prev === 'queued') { $li.off('mouseenter mouseleave'); $btns.remove(); } // 成功 if (cur === 'error' || cur === 'invalid') { console.log(file.statusText); showError(file.statusText); percentages[file.id][1] = 1; } else if (cur === 'interrupt') { showError('interrupt'); } else if (cur === 'queued') { percentages[file.id][1] = 0; } else if (cur === 'progress') { $info.remove(); $prgress.css('display', 'block'); } else if (cur === 'complete') { $li.append(''); } $li.removeClass('state-' + prev).addClass('state-' + cur); }); $li.on('mouseenter', function () { $btns.stop().animate({ height: 30 }); }); $li.on('mouseleave', function () { $btns.stop().animate({ height: 0 }); }); $btns.on('click', 'span', function () { var index = $(this).index(), deg; switch (index) { case 0: uploader.removeFile(file); return; case 1: file.rotation += 90; break; case 2: file.rotation -= 90; break; } if (supportTransition) { deg = 'rotate(' + file.rotation + 'deg)'; $wrap.css({ '-webkit-transform': deg, '-mos-transform': deg, '-o-transform': deg, 'transform': deg }); } else { $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')'); // use jquery animate to rotation // $({ // rotation: rotation // }).animate({ // rotation: file.rotation // }, { // easing: 'linear', // step: function( now ) { // now = now * Math.PI / 180; // var cos = Math.cos( now ), // sin = Math.sin( now ); // $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')"); // } // }); } }); $li.appendTo($queue); } // 負責view的銷毀 function removeFile(file) { var $li = top.$('#' + file.id); delete percentages[file.id]; updateTotalProgress(); $li.off().find('.file-panel').off().end().remove(); } function updateTotalProgress() { var loaded = 0, total = 0, spans = $progress.children(), percent; $.each(percentages, function (k, v) { total += v[0]; loaded += v[0] * v[1]; }); percent = total ? loaded / total : 0; spans.eq(0).text(Math.round(percent * 100) + '%'); spans.eq(1).css('width', Math.round(percent * 100) + '%'); updateStatus(); } function updateStatus() { var text = '', stats; if (state === 'ready') { text = '選中' + fileCount + '張圖片，共' + WebUploader.formatSize(fileSize) + '。'; } else if (state === 'confirm') { stats = uploader.getStats(); if (stats.uploadFailNum) { text = '已成功上傳' + stats.successNum + '張照片，' + stats.uploadFailNum + '張照片上傳失敗！' } } else { stats = uploader.getStats(); text = '共' + fileCount + '張（' + WebUploader.formatSize(fileSize) + '），已上傳' + stats.successNum + '張'; if (stats.uploadFailNum) { text += '，失敗' + stats.uploadFailNum + '張'; } } $info.html(text); } function setState(val) { var file, stats; if (val === state) { return; } $upload.removeClass('state-' + state); $upload.addClass('state-' + val); state = val; switch (state) { case 'pedding': $placeHolder.removeClass('element-invisible'); $queue.hide(); $statusBar.addClass('element-invisible'); uploader.refresh(); break; case 'ready': $placeHolder.addClass('element-invisible'); top.$('#filePicker2').removeClass('element-invisible'); $queue.show(); $statusBar.removeClass('element-invisible'); uploader.refresh(); break; case 'uploading': top.$('#filePicker2').addClass('element-invisible'); $progress.show(); $upload.text('暫停上傳'); break; case 'paused': $progress.show(); $upload.text('繼續上傳'); break; case 'confirm': $progress.hide(); top.$('#filePicker2').removeClass('element-invisible'); $upload.text('開始上傳'); stats = uploader.getStats(); if (stats.successNum && !stats.uploadFailNum) { setState('finish'); return; } break; case 'finish': stats = uploader.getStats(); if (stats.successNum) { alert('上傳成功'); } else { // 沒有成功的圖片，重設 state = 'done'; location.reload(); } break; } updateStatus(); } uploader.onUploadProgress = function (file, percentage) { var $li = top.$('#' + file.id), $percent = $li.find('.progress span'); $percent.css('width', percentage * 100 + '%'); percentages[file.id][1] = percentage; updateTotalProgress(); }; uploader.onFileQueued = function (file) { fileCount++; fileSize += file.size; if (fileCount === 1) { $placeHolder.addClass('element-invisible'); $statusBar.show(); } addFile(file); setState('ready'); updateTotalProgress(); }; uploader.onFileDequeued = function (file) { fileCount--; fileSize -= file.size; if (!fileCount) { setState('pedding'); } removeFile(file); updateTotalProgress(); }; uploader.on('all', function (type) { var stats; switch (type) { case 'uploadFinished': setState('confirm'); break; case 'startUpload': setState('uploading'); break; case 'stopUpload': setState('paused'); break; } }); uploader.onError = function (code) { alert('Eroor: ' + code); }; $upload.on('click', function () { if ($(this).hasClass('disabled')) { return false; } if (state === 'ready') { uploader.upload(); } else if (state === 'paused') { uploader.upload(); } else if (state === 'uploading') { uploader.stop(); } }); $info.on('click', '.retry', function () { uploader.retry(); }); $info.on('click', '.ignore', function () { alert('todo'); }); $upload.addClass('state-' + state); updateTotalProgress(); }); })(jQuery); }, submit: function () { //alert(top.$("#uiform").form('enableValidation').form('validate')); //alert(top.$("#uiform").form('validate')); //原來用的是這種方法 alert(top.$('#uiform').validate().form()); if (top.$("#uiform").form('validate')) { var query = createParam('add', '0'); jQuery.ajaxjson(actionURL, query, function (d) { if (parseInt(d) > 0) { msg.ok('添加成功！'); hDialog.dialog('close'); grid.reload(); } else { MessageOrRedirect(d); } }); } return false; } }); top.$('#uiform').validate(); }, edit: function () { var row = grid.getSelectedRow(); if (row) { var hDialog = top.jQuery.hDialog({ title: '編輯', width: '70%', height: '80%', href: formurl, iconCls: 'icon-save', onLoad: function () { top.$('#txt_housing').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=83', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_watersafe').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=82', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_jiatingproperty').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=91', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_laorenfou').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=88', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_tekunfou').combobox({ url: '/sys/ashx/dichandler.ashx?showType=noselected&categoryId=88', valueField: 'Title', textField: 'Code', editable: false, required: true }); top.$('#txt_KeyId').numberspinner('setValue', row.KeyId); top.$('#txt_village').textbox('setValue', row.village); top.$('#txt_jiatingproperty').textbox('setValue', row.jiatingproperty); top.$('#txt_truename').textbox('setValue', row.truename); top.$('#txt_idcard').textbox('setValue', row.idcard); top.$('#txt_rel').textbox('setValue', row.rel); top.$('#txt_peoples').numberspinner('setValue', row.peoples); top.$('#txt_sex').textbox('setValue', row.sex); top.$('#txt_birthday').datetimebox('setValue', row.birthday); top.$('#txt_nation').textbox('setValue', row.nation); top.$('#txt_address').textbox('setValue', row.address); top.$('#txt_phone').textbox('setValue', row.phone); top.$('#txt_laorenfou').textbox('setValue', row.laorenfou); top.$('#txt_tekunfou').textbox('setValue', row.tekunfou); top.$('#txt_labour').textbox('setValue', row.labour); top.$('#txt_gengdimianji').textbox('setValue', row.gengdimianji); top.$('#txt_homemaster').textbox('setValue', row.homemaster); top.$('#txt_homemasteridcard').textbox('setValue', row.homemasteridcard); top.$('#txt_housing').textbox('setValue', row.housing); top.$('#txt_housmj').textbox('setValue', row.housmj); top.$('#txt_crisisroom').textbox('setValue', row.crisisroom); top.$('#txt_watersafe').textbox('setValue', row.watersafe); top.$('#txt_photos').val(row.photos); // 初始化Web Uploader房屋圖片 (function ($) { // 當domReady的時候開始初始化 $(function () { var $wrap = top.$('#uploader'), // 圖片容器 $queue = $('<ul class="filelist"></ul>') .appendTo($wrap.find('.queueList')), // 狀態欄，包括進度和控制按鈕 $statusBar = $wrap.find('.statusBar'), // 文件總體選擇信息。 $info = $statusBar.find('.info'), // 上傳按鈕 $upload = $wrap.find('.uploadBtn'), // 沒選擇文件之前的內容。 $placeHolder = $wrap.find('.placeholder'), $progress = $statusBar.find('.progress').hide(), // 添加的文件數量 fileCount = 0, // 添加的文件總大小 fileSize = 0, // 優化retina, 在retina下這個值是2 ratio = window.devicePixelRatio || 1, // 縮略圖大小 thumbnailWidth = 110 * ratio, thumbnailHeight = 110 * ratio, // 可能有pedding, ready, uploading, confirm, done. state = 'pedding', // 所有文件的進度信息，key為file id percentages = {}, // 判斷瀏覽器是否支持圖片的base64 isSupportBase64 = (function () { var data = new Image(); var support = true; data.onload = data.onerror = function () { if (this.width != 1 || this.height != 1) { support = false; } } data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; return support; })(), // 檢測是否已經安裝flash，檢測flash的版本 flashVersion = (function () { var version; try { version = navigator.plugins['Shockwave Flash']; version = version.description; } catch (ex) { try { version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash') .GetVariable('$version'); } catch (ex2) { version = '0.0'; } } version = version.match(/\d+/g); return parseFloat(version[0] + '.' + version[1], 10); })(), supportTransition = (function () { var s = document.createElement('p').style, r = 'transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s; s = null; return r; })(), // WebUploader實例 uploader; if (!WebUploader.Uploader.support('flash') && WebUploader.browser.ie) { // flash 安裝了但是版本過低。 if (flashVersion) { (function (container) { window['expressinstallcallback'] = function (state) { switch (state) { case 'Download.Cancelled': alert('您取消了更新！') break; case 'Download.Failed': alert('安裝失敗') break; default: alert('安裝已成功，請刷新！'); break; } delete window['expressinstallcallback']; }; var swf = './expressInstall.swf'; // insert flash object var html = '<object type="application/' + 'x-shockwave-flash" data="' + swf + '" '; if (WebUploader.browser.ie) { html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '; } html += 'width="100%" height="100%" style="outline:0">' + '<param name="movie" value="' + swf + '" />' + '<param name="wmode" value="transparent" />' + '<param name="allowscriptaccess" value="always" />' + '</object>'; container.html(html); })($wrap); // 壓根就沒有安轉。 } else { $wrap.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>'); } return; } else if (!WebUploader.Uploader.support()) { alert('Web Uploader 不支持您的瀏覽器！'); return; } // 實例化 uploader = WebUploader.create({ pick: { id: top.$('#filePicker'), label: '點擊選擇圖片' }, formData: { uid: 123 }, dnd: top.$('#dndArea'), paste: top.$('#uploader'), swf: '/script/webuploader/Uploader.swf', chunked: false, chunkSize: 512 * 1024, server: '/No1_cheliangxinxi/ashx/No1_cheliangxinxiHandler.ashx?json={"action":"addimg"}', // runtimeOrder: 'flash', accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' }, // 禁掉全局的拖拽功能。這樣不會出現圖片拖進頁面的時候，把圖片打開。 disableGlobalDnd: true, fileNumLimit: 300, fileSizeLimit: 200 * 1024 * 1024, // 200 M fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M }); // 拖拽時不接受 js, txt 文件。 uploader.on('dndAccept', function (items) { var denied = false, len = items.length, i = 0, // 修改js類型 unAllowed = 'text/plain;application/javascript '; for (; i < len; i++) { // 如果在列表里面 if (~unAllowed.indexOf(items[i].type)) { denied = true; break; } } return !denied; }); //當某個文件上傳到服務端響應后返回服務端的數據 var scimgurl; var scresult; uploader.on('uploadAccept', function (object, ret) { //alert(ret.imgurl); scimgurl = ret.imgurl; scresult = ret.result; var imgurl = top.$('#txt_photos').val(); if (imgurl === "" || imgurl === null || imgurl === undefined) { top.$('#txt_photos').val(ret.imgurl); } else { top.$('#txt_photos').val(imgurl + ";" + ret.imgurl); } }); // uploader.on('filesQueued', function() { // uploader.sort(function( a, b ) { // if ( a.name < b.name ) // return -1; // if ( a.name > b.name ) // return 1; // return 0; // }); // }); // 添加“添加文件”的按鈕， uploader.addButton({ id: top.$('#filePicker2'), label: '繼續添加' }); //加載時加載數據 uploader.on('ready', function () { window.uploader = uploader; var json = row.photos; if (json === null || json === "") { return; } var jsons = json.split(';'); var jsonLen = jsons.length; if (jsonLen != 0) { fileCount = jsonLen; $placeHolder.addClass('element-invisible'); $statusBar.show(); $.each(jsons, function (i, n) { var name = n.lastIndexOf("\/"); names = n.substring(name + 1, n.length); var obj = {}, statusMap = {}, file_id = 'WU_FILE_100' + i; obj.id = file_id; obj.name = names; obj.filename = names; obj.getStatus = function () { return ''; }; obj.statusText = ''; obj.size = '168'; obj.version = WebUploader.Base.version; obj.type = ''; obj.filetype = ''; obj.src = n; obj.source = this; obj.setStatus = function (status, text) { var prevStatus = statusMap[this.id]; typeof text !== 'undefined' && (this.statusText = text); if (status !== prevStatus) { statusMap[this.id] = status; /** * 文件狀態變化 * @event statuschange */ uploader.trigger('statuschange', status, prevStatus); } }; editFile(obj); top.$("#" + file_id).append(n); }); WebUploader.Base.idSuffix = jsonLen; setState('ready'); updateTotalProgress(); } }); //編輯時 function editFile(file) { var $li = $('<li id="' + file.id + '">' + '' + file.filename + '' + '' + '' + '</li>'), $btns = $('<div class="file-panel">' + '刪除' + '向右旋轉' + '向左旋轉</div>').appendTo($li), $prgress = $li.find('p.progress span'), $wrap = $li.find('p.imgWrap'), $info = $(''); if (file.getStatus() === 'invalid') { showError(file.statusText); } else { // @todo lazyload $wrap.empty(); $wrap.text('不能預覽'); var img; img = $('<img src="' + file.src + '" style="height:100%;">'); $wrap.empty().append(img); percentages[file.id] = [file.size, 0]; file.rotation = 0; } $li.append('' + file.src + ''); $li.on('mouseenter', function () { $btns.stop().animate({ height: 30 }); }); $li.on('mouseleave', function () { $btns.stop().animate({ height: 0 }); }); $btns.on('click', 'span', function () { var index = $(this).index(), deg; switch (index) { case 0: uploader.removeFile(file); var $imgurlsx = top.$('div#uploader .success'); top.$('#txt_photos').val("");//先清空 //在重新賦值 if ($imgurlsx.length === 1) { top.$('#txt_photos').val($imgurlsx.text()); } else { $imgurlsx.each(function (i) { if (i === 0) { top.$('#txt_photos').val($(this).text()); } else { top.$('#txt_photos').val(top.$('#txt_photos').val() + ";" + $(this).text()); } }); } return; case 1: file.rotation += 90; break; case 2: file.rotation -= 90; break; } if (supportTransition) { deg = 'rotate(' + file.rotation + 'deg)'; $wrap.css({ '-webkit-transform': deg, '-mos-transform': deg, '-o-transform': deg, 'transform': deg }); } else { $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')'); } }); $li.appendTo($queue); var $imgurls = top.$('div#uploader .success'); var imgurl = top.$('#txt_photos').val(); if ($imgurls.length === 1) { top.$('#txt_photos').val($imgurls.text()); } else { $imgurls.each(function () { top.$('#txt_photos').val(imgurl + ";" + $(this).text()); }); } } // 當有文件添加進來時執行，負責view的創建 function addFile(file) { //var llid = top.$('div#uploader li:last').attr('id'); //llids = llid.split('_'); //file.id = 'WU_FILE_' + (parseInt(llids[2]) + 1); var $li = $('<li id="' + file.id + '">' + '' + file.name + '' + '' + '' + '</li>'), $btns = $('<div class="file-panel">' + '刪除' + '向右旋轉' + '向左旋轉</div>').appendTo($li), $prgress = $li.find('p.progress span'), $wrap = $li.find('p.imgWrap'), $info = $(''), showError = function (code) { switch (code) { case 'exceed_size': text = '文件大小超出'; break; case 'interrupt': text = '上傳暫停'; break; default: text = '上傳失敗，請重試'; break; } $info.text(text).appendTo($li); }; if (file.getStatus() === 'invalid') { showError(file.statusText); } else { // @todo lazyload $wrap.text('預覽中'); uploader.makeThumb(file, function (error, src) { var img; if (error) { $wrap.text('不能預覽'); return; } if (isSupportBase64) { img = $('<img src="' + src + '">'); $wrap.empty().append(img); } else { if (scresult) { img = $('<img src="' + scimgurl + '">'); $wrap.empty().append(img); } else { $wrap.text("預覽出錯"); } } }, thumbnailWidth, thumbnailHeight); percentages[file.id] = [file.size, 0]; file.rotation = 0; } file.on('statuschange', function (cur, prev) { if (prev === 'progress') { //$prgress.hide().width(0); } else if (prev === 'queued') { //$li.off('mouseenter mouseleave'); //$btns.remove(); } // 成功 if (cur === 'error' || cur === 'invalid') { console.log(file.statusText); showError(file.statusText); percentages[file.id][1] = 1; } else if (cur === 'interrupt') { showError('interrupt'); } else if (cur === 'queued') { percentages[file.id][1] = 0; } else if (cur === 'progress') { $info.remove(); //$prgress.css('display', 'block'); } else if (cur === 'complete') { $li.append('' + scimgurl + ''); } $li.removeClass('state-' + prev).addClass('state-' + cur); }); $li.on('mouseenter', function () { $btns.stop().animate({ height: 30 }); }); $li.on('mouseleave', function () { $btns.stop().animate({ height: 0 }); }); $btns.on('click', 'span', function () { var index = $(this).index(), deg; switch (index) { case 0: uploader.removeFile(file); var $imgurlsx = top.$('div#uploader .success'); top.$('#txt_photos').val("");//先清空 //在重新賦值 if ($imgurlsx.length === 1) { top.$('#txt_photos').val($imgurlsx.text()); } else { $imgurlsx.each(function (i) { if (i === 0) { top.$('#txt_photos').val($(this).text()); } else { top.$('#txt_photos').val(top.$('#txt_photos').val() + ";" + $(this).text()); } }); } return; case 1: file.rotation += 90; break; case 2: file.rotation -= 90; break; } if (supportTransition) { deg = 'rotate(' + file.rotation + 'deg)'; $wrap.css({ '-webkit-transform': deg, '-mos-transform': deg, '-o-transform': deg, 'transform': deg }); } else { $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')'); // use jquery animate to rotation // $({ // rotation: rotation // }).animate({ // rotation: file.rotation // }, { // easing: 'linear', // step: function( now ) { // now = now * Math.PI / 180; // var cos = Math.cos( now ), // sin = Math.sin( now ); // $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')"); // } // }); } }); $li.appendTo($queue); } // 負責view的銷毀 function removeFile(file) { var $li = top.$('#' + file.id); delete percentages[file.id]; updateTotalProgress(); $li.off().find('.file-panel').off().end().remove(); } function updateTotalProgress() { var loaded = 0, total = 0, spans = $progress.children(), percent; $.each(percentages, function (k, v) { total += v[0]; loaded += v[0] * v[1]; }); percent = total ? loaded / total : 0; spans.eq(0).text(Math.round(percent * 100) + '%'); spans.eq(1).css('width', Math.round(percent * 100) + '%'); updateStatus(); } function updateStatus() { var text = '', stats; if (state === 'ready') { text = '選中' + fileCount + '張圖片，共' + WebUploader.formatSize(fileSize) + '。'; } else if (state === 'confirm') { stats = uploader.getStats(); if (stats.uploadFailNum) { text = '已成功上傳' + stats.successNum + '張照片，' + stats.uploadFailNum + '張照片上傳失敗！' } } else { stats = uploader.getStats(); text = '共' + fileCount + '張（' + WebUploader.formatSize(fileSize) + '），已上傳' + stats.successNum + '張'; if (stats.uploadFailNum) { text += '，失敗' + stats.uploadFailNum + '張'; } } $info.html(text); } function setState(val) { var file, stats; if (val === state) { return; } $upload.removeClass('state-' + state); $upload.addClass('state-' + val); state = val; switch (state) { case 'pedding': $placeHolder.removeClass('element-invisible'); $queue.hide(); $statusBar.addClass('element-invisible'); uploader.refresh(); break; case 'ready': $placeHolder.addClass('element-invisible'); top.$('#filePicker2').removeClass('element-invisible'); $queue.show(); $statusBar.removeClass('element-invisible'); uploader.refresh(); break; case 'uploading': top.$('#filePicker2').addClass('element-invisible'); $progress.show(); $upload.text('暫停上傳'); break; case 'paused': $progress.show(); $upload.text('繼續上傳'); break; case 'confirm': $progress.hide(); top.$('#filePicker2').removeClass('element-invisible'); $upload.text('開始上傳'); stats = uploader.getStats(); if (stats.successNum && !stats.uploadFailNum) { setState('finish'); return; } break; case 'finish': stats = uploader.getStats(); if (stats.successNum) { alert('上傳成功'); } else { // 沒有成功的圖片，重設 state = 'done'; location.reload(); } break; } updateStatus(); } uploader.onUploadProgress = function (file, percentage) { var $li = top.$('#' + file.id), $percent = $li.find('.progress span'); $percent.css('width', percentage * 100 + '%'); percentages[file.id][1] = percentage; updateTotalProgress(); }; uploader.onFileQueued = function (file) { fileCount++; fileSize += file.size; if (fileCount === 1) { $placeHolder.addClass('element-invisible'); $statusBar.show(); } addFile(file); setState('ready'); updateTotalProgress(); }; uploader.onFileDequeued = function (file) { fileCount--; fileSize -= file.size; if (!fileCount) { setState('pedding'); } removeFile(file); updateTotalProgress(); }; uploader.on('all', function (type) { var stats; switch (type) { case 'uploadFinished': setState('confirm'); break; case 'startUpload': setState('uploading'); break; case 'stopUpload': setState('paused'); break; } }); uploader.onError = function (code) { alert('Eroor: ' + code); }; $upload.on('click', function () { if ($(this).hasClass('disabled')) { return false; } if (state === 'ready') { uploader.upload(); } else if (state === 'paused') { uploader.upload(); } else if (state === 'uploading') { uploader.stop(); } }); $info.on('click', '.retry', function () { uploader.retry(); }); $info.on('click', '.ignore', function () { alert('todo'); }); $upload.addClass('state-' + state); updateTotalProgress(); }); })(jQuery); //top.$('#txt_$item.colAttribute').val(row.$item.colAttribute);//$item.coltitle //top.$('.kindeditor').kindeditor();//初始化kingdeditor編輯器 //注意如果控件被EasyUI初始化過，賦值的方法有所改變下面提供幾個例子。程序員根據情況改動一下 //$('#nn').numberbox('setValue', 206.12); //$('#nn').textbox('setValue',1); //$('#cc').combobox('setValues', ['001','002']); //$('#dt').datetimebox('setValue', '6/1/2012 12:30:56'); }, submit: function () { //alert(top.$("#uiform").form('enableValidation').form('validate')); //alert(top.$("#uiform").form('validate')); //原來用的是這種方法 alert(top.$('#uiform').validate().form()); if (top.$("#uiform").form('validate')) { var query = createParam('edit', row.KeyId);; jQuery.ajaxjson(actionURL, query, function (d) { if (parseInt(d) > 0) { msg.ok('修改成功！'); hDialog.dialog('close'); grid.reload(); } else { MessageOrRedirect(d); } }); } return false; } }); } else { msg.warning('請選擇要修改的行。'); } }, del: function () { var row = grid.getSelectedRow(); if (row) { if (confirm('確認要執行刪除操作嗎？')) { var rid = row.KeyId; jQuery.ajaxjson(actionURL, createParam('delete', rid), function (d) { if (parseInt(d) > 0) { msg.ok('刪除成功！'); grid.reload(); } else { MessageOrRedirect(d); } }); } } else { msg.warning('請選擇要刪除的行。'); } } }; //實現動態隱藏列 var cmenu = null; function createColumnMenu() { cmenu = $('<div/>').appendTo('body'); cmenu.menu({ onClick: function (item) { if (item.iconCls == 'icon-ok') { $('#list').datagrid('hideColumn', item.name); cmenu.menu('setIcon', { target: item.target, iconCls: 'icon-empty' }); } else { $('#list').datagrid('showColumn', item.name); cmenu.menu('setIcon', { target: item.target, iconCls: 'icon-ok' }); } } }); var fields = $('#list').datagrid('getColumnFields'); for (var i = 0; i < fields.length; i++) { var field = fields[i]; var col = $('#list').datagrid('getColumnOption', field); cmenu.menu('appendItem', { text: col.title, name: field, iconCls: 'icon-ok' }); } } //實現動態隱藏列結束 //雙擊編輯表單焦點消失后保存 var editIndex = undefined; function endEditing() { if (editIndex == undefined) { return true } if ($('#list').datagrid('validateRow', editIndex)) { $('#list').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } function onDblClickCell(index, field) { if (editIndex != index) { if (endEditing()) { $('#list').datagrid('selectRow', index) $('#list').datagrid('beginEdit', index); var ed = $('#list').datagrid('getEditor', { index: index, field: field }); if (ed) { ($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus(); //這個寫法很有意思 //為了方便 ,類似字段要同事寫兩個值 1把部門id寫入隱藏字段2把標題換成值寫入顯示字段 } editIndex = index; } else { setTimeout(function () { $('#list').datagrid('selectRow', editIndex); }, 0); } } } function onUnselect(index, row) { //alert(index); } function onCancelEdit(index, row) { //alert(index); } function onClickRow(index, row) { if (editIndex != undefined) { //alert("正在編輯的行是：" + editIndex); //alert("驗證正在編輯的行：" + $('#list').datagrid('validateRow', editIndex)); if ($('#list').datagrid('validateRow', editIndex)) {//如果驗證正在編輯的行數據有效則 $("#list").datagrid('endEdit', editIndex);//如果點其他行，結束編輯正在編輯的行 editIndex = undefined; } else { msg.warning("還有一行沒編輯完啦！！"); } } $("#list").datagrid('selectRow', index); } function onSelect(index, row) { } function onEndEdit(index, row, changes) { //alert('結束編輯'+index+JSON.stringify(row)); var o = {}; var query = JSON.stringify(row); o.jsonEntity = query; o.action = 'edit'; o.keyid = row.KeyId; query = "json=" + JSON.stringify(o); //alert(query); //表格內編輯模式編輯成功不提示信息 jQuery.ajaxjson(actionURL, query, function (d) { //if (parseInt(d) > 0) { // msg.ok('編輯成功！'); // hDialog.dialog('close'); grid.reload(); // } else { // MessageOrRedirect(d); // } }); } function append() { if (endEditing()) { $('#list').datagrid('appendRow', { status: 'P' }); editIndex = $('#list').datagrid('getRows').length - 1; $('#list').datagrid('selectRow', editIndex) .datagrid('beginEdit', editIndex); } } function removeit() { if (editIndex == undefined) { return } $('#list').datagrid('cancelEdit', editIndex) .datagrid('deleteRow', editIndex); editIndex = undefined; } function accept() { if (endEditing()) { $('#list').datagrid('acceptChanges'); } } function reject() { $('#list').datagrid('rejectChanges'); editIndex = undefined; } function getChanges() { var rows = $('#list').datagrid('getChanges'); alert(rows.length + ' rows are changed!'); } //雙擊編輯表單焦點消失后保存結束 //自定義搜索開始 function mySearch() { //page=1&rows=20&filter={"groupOp":"AND","rules":[{"field":"unit","op":"cn","data":"昆明"},{"field":"connman","op":"cn","data":"朱光明"}],"groups":[]} var truename = $("#truename").textbox('getValue'); var idcard = $("#idcard").textbox('getValue'); var query = '{"groupOp":"AND","rules":[],"groups":[]}';//先給一個搜索的空的模板 var o = JSON.parse(query); var i = 0; if (truename != '' && truename != undefined) {//假如姓名搜索不為空 o.rules[i] = JSON.parse('{"field":"truename","op":"cn","data":"' + truename + '"}'); i = i + 1; } if (idcard != '' & idcard != undefined) {//身份證不為空 o.rules[i] = JSON.parse('{"field":"idcard","op":"cn","data":"' + idcard + '"}'); } $('#list').datagrid('reload', { filter: JSON.stringify(o) }); } //自定義搜索結束 //單選多選開關 $('#selectSwitch').switchbutton({ checked: false, onChange: function (checked) { if (checked) { $('#list').datagrid({ singleSelect: false });//多選 } else { $('#list').datagrid({ singleSelect: true });//單選 } } }) function createParam1(action, keyid) { var o = {}; var query = top.$('#uiform1').serializeArray(); query = convertArray(query); o.jsonEntity = JSON.stringify(query); o.action = action; o.keyid = keyid; var myJSONString = JSON.stringify(o); var myEscapedJSONString = myJSONString.replace(/\&/g, "|a|m|p|"); return "json=" + myEscapedJSONString; } //打印 $('#a_print').click(function () { var row1 = grid.getSelectedRow(); var nf = $("#nf").combobox("getValue"); console.log(nf); if (row1) { var oWin = top.$.hDialog({ iconCls: 'icon-save', href: '/print.aspx?homemasteridcard=' + row1.homemasteridcard+'&nf='+nf+'', title: '打印詳情', width: '70%', height: '80%', //onLoad: function () { // top.$('#sst').val(row1.KeyId); // console.log(JSON.stringify(row1)); // }, submit: function () { var oWin = window.open("", "_blank"); oWin.document.write(top.$('#content').html()); oWin.focus(); oWin.document.close(); oWin.print() oWin.close() } }); } else { msg.warning('請選擇要修改的行。'); } }); /*根據出生日期算出年齡*/ function jsGetAge(strBirthday) { var returnAge; var strBirthdayArr = strBirthday.split("-"); var birthYear = strBirthdayArr[0]; var birthMonth = strBirthdayArr[1]; var birthDay = strBirthdayArr[2]; d = new Date(); var nowYear = d.getFullYear(); var nowMonth = d.getMonth() + 1; var nowDay = d.getDate(); if (nowYear == birthYear) { returnAge = 0;//同年則為0歲 } else { var ageDiff = nowYear - birthYear; //年之差 if (ageDiff > 0) { if (nowMonth == birthMonth) { var dayDiff = nowDay - birthDay;//日之差 if (dayDiff < 0) { returnAge = ageDiff - 1; } else { returnAge = ageDiff; } } else { var monthDiff = nowMonth - birthMonth;//月之差 if (monthDiff < 0) { returnAge = ageDiff - 1; } else { returnAge = ageDiff; } } } else { returnAge = -1;//返回-1 表示出生日期輸入錯誤晚于今天 } } return returnAge;//返回周歲年齡 } ```