2015-05-15 3 views
1

Я разрабатываю страницу, которая экспортирует таблицу HTML, чтобы преуспеть с использованием плагина JQuery. (https://github.com/rainabba/jquery-table2excel).Экспорт JQuery в excel работает некорректно

По какой-то причине при нажатии кнопки абсолютно ничего не происходит. Я определил свою таблицу и вызвал свою функцию, поэтому я понятия не имею, почему этот код не работает.

View ~ (сгущенное)

<div class="row"> 
    <div class="col-md-2"> 
    <a onclick="return ResultsToTable()" class="btn btn-default">Export</a> 
    </div> 
    <div class=col-md-10></div> 
</div> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"><script> 

<script src="~/js/jquery.table2excel.js"></script> 

<script type="text/javascript"> 
    function ResultsToTable(){ 
      $("#resultsTable").table2excel({ 
       exclude: ".noExl", 
       name: "Results" 
      }); 
     }; 
</script> 

<table id="resultsTable"> 
    //table stuff 
    </table> 
+0

Пожалуйста, откройте инструменты разработчика вашего браузера и перейдите на вкладку с именем console. Затем нажмите кнопку и сообщите нам, если вы получите какую-либо ошибку. – Christos

+1

Может быть, там будет опечатка, но он говорит '

+0

Спасибо за исправление опечатки, отредактировал его. На этот раз, когда я запустил функцию, я получил эту ошибку: $ (...). Table2excel не является функцией. Поэтому я предполагаю, что это не признает функцию. Интересно, почему? –

ответ

0

Если я не ошибаюсь, jquery.table2excel.js не работает должным образом банкомат. Я попытался запустить демо из репо, и это не сработало для меня.

Я экспериментировал немного и нашел решение:

https://github.com/rainabba/jquery-table2excel/pull/13

Проверить это JSFiddle
(обратите внимание, что используемая фиксированная версия, см сценарий включает в верхней части HTML)

Только для соответствия, код JS:

jQuery(document).ready(function() { 
    $('#export-btn').on('click', function(e){ 
     e.preventDefault(); 
     ResultsToTable(); 
    }); 

    function ResultsToTable(){  
     $("#resultsTable").table2excel({ 
      exclude: ".noExl", 
      name: "Results" 
     }); 
    } 
}); 
+0

Отличный ответ, но я все равно получаю эту ошибку в консоли javascript «$ (...). Table2excel не является функцией», действительно странно. –

+0

Эта ошибка означает, что плагин table2excel не загружен на вашу страницу. Вы попробовали скрипку? Просто сравните свой код с ним и обратите внимание, как скрипты включены и используются. – dekkard

+0

Я так же описал скрипку. Конечно, теперь у меня новая ошибка. В нем говорится: «Отказано в выполнении сценария с« https://raw.githubusercontent.com/unconditional/jquery-table2excel/master/src/jquery.table2excel.js », потому что его тип MIME (« текст/обычная ») не является исполняемым, и включена строгая проверка типа MIME ». Есть идеи? –

Смежные вопросы