api

fTable API Reference

fTable is used to develop AJAX-based CRUD (Create/Retrieve/Update/Delete) tables without coding HTML and JavaScript. The only required HTML tag is a simple div element in your page:

<div id="MyTableContainer"></div>

To initialize a fTable instance, create a new FTable object (for example when the page is loaded):

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        const table = new FTable('#MyTableContainer', {

            // General options come here

            actions: {
                // Action definitions come here
            },
            fields: {
                // Field definitions come here
            }

            // Event handlers...
        });
    });
</script>

fTable has three types of options:

General options: Define the general behavior of the fTable instance.
Actions: Define how to communicate from the client to the server.
Fields: Define the structure of the record, create/edit forms, and table. A row in the table is called a "record," which must have fields like a relational database table.

NOTE: When you create a fTable instance, a table is created, but no data is loaded into the table. Use the load method to load data. See the Getting Started document for detailed usage.