ExtJs grid export to csv javascript

CSVExportExtJsGrid.js

function exportToCSV(separator, includeHidden) {
        var text = "";
        //Columns
        //var grid = Ext.getCmp("@Model.Id");
        var columns = grid.columnManager.columns;
        var columnsCount = columns.length;
        for (var i = 0; i < columnsCount; i++) {
            if (includeHidden || !columns[i].hidden) {
                text += columns[i].text + separator;
            }
        }
        text = text.substring(0, text.length-1);
        text += "\r";
        //Row
        var rows = this.store.data.items;
        var rowsCount = rows.length;
        for (var i = 0; i < rowsCount; i++) {
            var row = rows[i].data;
            for (var j = 0; j<columnsCount; j++) {
                if (includeHidden || !columns[i].hidden) {
                    var value = row[columns[j].dataIndex];
                    text += "\"" + value + "\"" + separator;
                }
            }
            text = text.substring(0, text.length-1);
            text += "\r";
        }

        return encodeURIComponent(text);;
    }

Thanks for sharing! On line 20 shouldn't it be !columns[j].hidden instead of !columns[i].hidden

does this export data on file or do we need to do something else to get that done. A working example will be very helpful, if you could. Thanks.