How to override JavaScript Property

Patrick Garner

The following JavaScript is used globally e.g. it's automatically inserted in every web page in my web application:

    <script type="text/javascript">
    $(document).ready(function() {
        $('#cemetracDataTable').dataTable( {
            "sDom": 'T<"clear">lfrtip',
            "oTableTools": {
                "sSwfPath": "http://fubar.com/wp-content/TableTools-2.1.5/media/swf/copy_csv_xls_pdf.swf",
                "aButtons": [
                    "copy",
                    "print",
                    {
                        "sExtends":    "collection",
                        "sButtonText": "Save",
                        "aButtons": [
                            {
                                "sExtends":     "csv",
                                "sButtonText":  "Excel (CSV)",
                                "bFooter":      false,
                                "sTitle":       "My title",
                                "sFileName":    "download.csv" // <-- override
                            },
                            {
                                "sExtends":     "xls",
                                "sButtonText":  "Excel (TSV)",
                                "bFooter":      false,
                                "sFileName":    "download.tsv" // <-- override
                            },
                            {
                                "sExtends":     "pdf",
                                "bFooter":      false,
                                "sFileName":    "download.pdf" // <-- override
                            }
                        ]
                    }
                ]
            }
        } ).columnFilter();
    } );
</script>

I want to be able to overrride the sFileName properties on a certain web page e.g.:

...
"sFileName":    "widgets.csv"
...
"sFileName":    "widgets.tsv"
...
"sFileName":    "widgets.pdf"

Is doing so possible? If so, how would this be done?

Givi

Would be better if you store object reference to a variable.

Demo

var myObj = {
    sDom: 'T<"clear">lfrtip',
    oTableTools: {
        sSwfPath: "http://fubar.com/wp-content/TableTools-2.1.5/media/swf/copy_csv_xls_pdf.swf",
        aButtons: [
            "copy",
            "print", {
                sExtends: "collection",
                sButtonText: "Save",
                aButtons: [ {
                        sExtends: "csv",
                        sButtonText: "Excel (CSV)",
                        bFooter: false,
                        sTitle: "My title",
                        sFileName: "download.csv" // <-- override
                    }, {
                        sExtends: "xls",
                        sButtonText: "Excel (TSV)",
                        bFooter: false,
                        sFileName: "download.tsv" // <-- override
                    }, {
                        sExtends: "pdf",
                        bFooter: false,
                        sFileName: "download.pdf" // <-- override
                    }
                ]
            }
        ]
    }
};

and then pass it as argument

$(document).ready(function () {
    $('#cemetracDataTable').dataTable(myObj).columnFilter();
});

and if you want to change property sFileName values, you should refer them like this:

myObj.oTableTools.aButtons[2].aButtons[0].sFileName = "widgets.csv";
myObj.oTableTools.aButtons[2].aButtons[1].sFileName = "widgets.tsv";
myObj.oTableTools.aButtons[2].aButtons[2].sFileName = "widgets.pdf";

Collected from the Internet

Please contact [email protected] to delete if infringement.