Question

我为Jquery专家找到了一个。

我下载了一个简单的jquery插件，可以从Table转换为CSV。

以下是源代码... http://www.kunalbabre.com/projects/table2CSV.js

现在，我创建了一个本地jscript文件。 jquery.Table2CSV.js。我在jquery之后立即添加到了我的页面

<script type="text/javascript" src='@Url.Content("~/Scripts/libs/jquery-1.6.3.min.js")'></script>
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery.Table2CSV.js")'></script>

根据Firebug的说法加载正确（200 OK）。

在我的一个观点中，我有以下代码......

<script>
    $(document).ready(function () {
        $("#exportToCSV").click(function (event) {

            event.preventDefault();
            alert('button clicked!');
            $('#reportDataTable').table2CSV();
        });
    });
</script>

触发器触发click事件，没问题，但是我收到以下错误。

TypeError：$（...）。table2CSV不是函数

（？）（event = Object {originalEvent = Event click，type =“click”，timeStamp = 88685109，more ...}）summary（第109行） add（c = Object {originalEvent = Event click，type =“click”，timeStamp = 88685109，more ...}）asset .... zogAQAA（第3行） add（a = click clientX = 849，clientY = 231）asset .... zogAQAA（第3行） [打破此错误]

$（ '＃reportDataTable'）table2CSV（）;

我试图找到一些有意义的东西但到目前为止还没有解决方案。

有谁能帮我理解这里发生了什么？

感谢。

编辑：

以下是该插件的源代码。

jQuery.fn.table2CSV = function(options) {
    var options = jQuery.extend({
        separator: ',',
        header: [],
        delivery: 'popup' // popup, value
    },
    options);

    var csvData = [];
    var headerArr = [];
    var el = this;

    //header
    var numCols = options.header.length;
    var tmpRow = []; // construct header avalible array

    if (numCols > 0) {
        for (var i = 0; i < numCols; i++) {
            tmpRow[tmpRow.length] = formatData(options.header[i]);
        }
    } else {
        $(el).filter(':visible').find('th').each(function() {
            if ($(this).css('display') != 'none') tmpRow[tmpRow.length] = formatData($(this).html());
        });
    }

    row2CSV(tmpRow);

    // actual data
    $(el).find('tr').each(function() {
        var tmpRow = [];
        $(this).filter(':visible').find('td').each(function() {
            if ($(this).css('display') != 'none') tmpRow[tmpRow.length] = formatData($(this).html());
        });
        row2CSV(tmpRow);
    });
    if (options.delivery == 'popup') {
        var mydata = csvData.join('\n');
        return popup(mydata);
    } else {
        var mydata = csvData.join('\n');
        return mydata;
    }

    function row2CSV(tmpRow) {
        var tmp = tmpRow.join('') // to remove any blank rows
        // alert(tmp);
        if (tmpRow.length > 0 && tmp != '') {
            var mystr = tmpRow.join(options.separator);
            csvData[csvData.length] = mystr;
        }
    }
    function formatData(input) {
        // replace " with â€œ
        var regexp = new RegExp(/["]/g);
        var output = input.replace(regexp, "â€œ");
        //HTML
        var regexp = new RegExp(/\<[^\<]+\>/g);
        var output = output.replace(regexp, "");
        if (output == "") return '';
        return '"' + output + '"';
    }
    function popup(data) {
        var generator = window.open('', 'csv', 'height=400,width=600');
        generator.document.write('<html><head><title>CSV</title>');
        generator.document.write('</head><body >');
        generator.document.write('<textArea cols=70 rows=15 wrap="off" >');
        generator.document.write(data);
        generator.document.write('</textArea>');
        generator.document.write('</body></html>');
        generator.document.close();
        return true;
    }
};

确定。新编辑在我的剧本结束时，我从Telerik先生那里得到了这个......

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))

我删除它并且它工作得很好。你有一个小问题。现在我来自Telerik的jqueries不起作用....我正在做一些研究，同时如何让这个人与我的jqueries共存。

Answer 1

解决了....这是解决方案。

http://www.telerik.com/community/forums/aspnet-mvc/general/telerik-doesn-t-let-me-work-with-jquery-ui.aspx

我希望将来可以帮助人们。

基本上，似乎这个telerik注册自己的jquery文件也添加了jquery（双重注册）。

谢谢

使用jquery插件时，TypeError $（...）不是函数

1 个答案: