• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Javascript table plugin

  • Views Views: 13,498
  • Last updated Last updated:

Navigation

  • This is for Fabrik 2.x ONLY. For Fabrik 3.0 onwards, use Javascript for Fabrik lists
    Table js plugin.png


    • Access - Which user group should the js be run for?
    • Javascript code - A snippet of js code which is added to the document head. Will always be added regardless of whether a JS File is defined or not
    • JS File - A JS file, which contains a class of the same name. Files are located in components/com_fabrik/plugins/table/tablejs/scripts. The class has a series of methods which are triggered from various table actions
    • Can select rows - If set to yes will enure that a check box is created for each row, presuming no other plug-in prevents this. Useful if your table access levels mean that the checkbox would not normally be displayed, but your JS requires the checkbox to be usable.
    Example js script



    //class name needs to be the same as the file name
    var example = new Class({

    initialize: function(table)
    {
    this.table = table; //the table js object
    },

    //run once the table has run its ondomready event (gives access to this.table.form etc)
    onDomready:function(e){

    },

    // run when a filter is submitted
    onFilterSubmit:function(e)
    {
    alert('onFilterSubmit');
    var ok = $('tableform_'+this.table.id).getElements('input.fabrik_filter').every(function(f) {
    return f.getValue().length >= 0;
    });
    return ok;
    },

    //run when submit button is pressed
    onSubmitTable: function(evnt, task)
    {
    alert('onSubmit: ' + task);
    //return false if you want the form to stop submission
    },

    //run when page navigation occurs
    onNavigate: function() {
    alert('onNavigate');
    },

    // run when the table is reordered
    onOrder: function() {
    alert('onOrder');
    },

    //run when the limit list is changed
    onLimit: function() {
    alert('onLimit');
    }

    });

Back
Top