将数据传送到Excel表格时，我需要剥去类“touch”
这是我的问题，所有的触摸数据是一个select框内渲染内部的Excel和创build空白。
<tr class="proj_rec" data-id="4"> <td class="proj_id"> 4 </td> <td> Music in the stores </td> <td class="edit"> <select class="touch" style="display: none;"> <option value="13">Bloopers</option><option value="1">Customer Service</option><option value="2">DC</option><option value="3">Ecommerce</option><option value="4">Finance/Accounting</option><option value="5">Human Resources</option><option value="6">Inbound Logistics</option><option value="7">Information Systems</option><option value="14">Management</option><option value="8">Marketing</option><option value="9">Merchandising</option><option value="10">Property</option><option value="11">Rebuying</option><option value="12">Sales</option> </select> <span class="look"> Sales </span> </td> <td class="edit"> <select class="touch" style="display: none;"> <option value="1">As is review</option><option value="2">Complete</option><option value="3">Development</option><option value="4">Implemented</option><option value="5">Not started</option><option value="6">To be design</option> </select> <span class="look"> As is review </span> </td> <td class="edit"> <select class="touch" style="display: none;"> <option value="1"> Objective</option><option value="2"> People</option><option value="3"> Process</option><option value="4"> Systems</option> </select> <span class="look"> Process </span> </td> 我正在使用这个代码来build立TD类
function back_to_look() { $('td.editing ,td.edit.new').each(function() { $(this).children('.look').show(); $(this).children('.touch').hide(); if (!$(this).hasClass('edit')) { $(this).addClass('edit'); } if ($(this).hasClass('editing')) { $(this).removeClass('editing'); } });
}
这是我用来传递我的数据到Excel中：
<td><input type="button" id="dlink" onclick="tableToExcel('project_table', 'W3C Example Table')" value="Export to Excel"></td> <a id="dlink" style="display:none;"></a> var tableToExcel = (function () { var uri = 'data:application/vnd.ms-excel;base64,' , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } return function (table, name, filename) { if (!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } document.getElementById("dlink").href = uri + base64(format(template, ctx)); document.getElementById("dlink").download = filename; document.getElementById("dlink").click(); } })()
var tableToExcel = (function () { $('#clonedtable .touch').each(function(){ $(this).parent().prepend($(this).val()); //if you want to keep the values. }); $('#clonedtable .touch').remove(); var uri = 'data:application/vnd.ms-excel;base64,' , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } return function (table, name, filename) { if (!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } document.getElementById("dlink").href = uri + base64(format(template, ctx)); document.getElementById("dlink").download = filename; document.getElementById("dlink").click(); $('#clonedtable').remove(); } })()
您可以获取值并准备结束它们到行或完全删除它们之前，将表转换为Excel。
如果你想保持你的表完好无损，我会build议克隆表，然后将Excel文件从克隆表中删除，然后删除它。
它看起来像这样
return function (table, name, filename) { $('#clonedtable .touch').each(function(){ $(this).parent().prepend($(this).val()); //if you want to keep the values. }); $('#clonedtable .touch').remove(); .... //create the excel of the cloned table $('#clonedtable').remove(); } })()
更新试试这个。
var tableToExcel = (function () { .... return function (table, name, filename) { $('#'+table+' .touch').each(function(){ $(this).parent().prepend($(this).val()); //if you want to keep the values. }); $('#'+table+' .touch').remove(); .... //create the excel of the cloned table $('#'+table).remove(); } })()