1

在 td 类编辑上，我只想在导出当前显示在选择中的选择时显示跨度类外观。相反，它试图渲染所有内容，从而创建空白。

<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>

空白字段

我有这个回看功能：

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');
        }
    });
}

使用这种方法：

<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 ctx 之前插入 back_to_look() 但无济于事。我觉得我什么都试过了。

我也有这个 myTextExtraction 函数，我觉得它可能有用，但我无法将它正确地集成到 tableToExcel 方法中。

请任何帮助将不胜感激。

4

0 回答 0