spacer
  ajax components

Lightweight and Clear
Ajax Components







home / Ajax Table

Javascript Ajax Grid Quick Start

Quick Start

I. Download and unzip the JustAjax Table trial package.

II. Run sample.html with your browser. Javascript Ajax Grid will load data from remote MySQL table using justajax.com/data/demo/index.php as a server side script.

How to View ANY of Your MySQL Table with JustAjax Table?

It's easy!
For example, you have MySQL database "my_base" with table "my_table" and the domain "mydomain.com" on your server.

1. Find /server/index.php in unzipped Javascript Ajax Grid trial package and edit:

       $_db = array (
         'host' => 'localhost',
         'user' => 'my_user',
         'password' => 'my_password',
         'database' => 'my_base'
   );

   // permitted tables
   $poss_tables = array(
     //table
     'my_table' => array(
         //parameters for 'my_table'
         'hidden_columns' => array('hidden_column'),
         'editable'       => true,
         'disrows'        => array('authors_id'),
         'filter'         => true,
         'adding'         => true,
         'deleting'       => true       
     ),
     'table_1' => array()
   );


The description of parameters:

'my_table', 'table_1' - table's names;
'hidden_columns' - array with hidden fields;
'editable' - opportunity to edit the table.
( true - editing is possible, false - editing is forbidden).
Default value: false;
'disrows' - array of the fields forbidden for editing;
'filter' - enable/disable use of the filter.
Default value: true;
'adding' - enable/disable addition of new records.
Default value: false;
'deleting' - enable/disable deletion of records.
Default value: false;

2. Upload "server" directory from Javascript Ajax Grid trial package to your server, for example to mydomain.com/server/, so the url to index.php will be mydomain.com/server/index.php

3. Edit the following part of sample.html:

 
     window.onload = function(){
         
         var _table = new justAjaxTable( {
            'main'  : document.getElementById('table-area'),
            'dbtable' : 'my_table',
            'url'  : 'mydomain.com/server/index.php'} );
      };


where
'my_table' is a name of your table and 'mydomain.com/server/index.php' is a url of your uploaded server-side php script.

4. Open sample.html with your browser. That's it!
Javascript Ajax Grid will enable you to view, edit, sort, scroll, and filter your table w/o any additional line of code!

©2011 JustAjax.com
    ajax components
spacer

ajax table grid documentation | javascript ajax grid quick start |  ajax dynamic table purchase | javascript editable grid license 


gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.