PHP Classes

File: AdvATE/AdvATEexample.php

Recommend this page to a friend!
  Classes of Andrew Sullivan  >  Ajax Table Edit  >  AdvATE/AdvATEexample.php  >  Download  
File: AdvATE/AdvATEexample.php
Role: Example script
Content type: text/plain
Description: Example for AdvATE
Class: Ajax Table Edit
Edit data in an HTML table using AJAX
Author: By
Last change: Fixed the error on line 209 where it was lacking the "A" in front of test.txt
Date: 16 years ago
Size: 8,314 bytes


Class file image Download
//ini_set("display_errors", "1");
//ini_set("error_reporting", "E_ALL");

    I'm going to call this version AdvATE, for Advanced Ajax Table Edit.
    Many things are the same, however some are different. In your php file
    that hanldes the showing of the data, you only need the bottom part of this
    example. The major difference here is that the data is not merely a
    value in the array, but is part of another sub your data
    should look like this:
        $data = array(
                    [rowid] => array(
                                    [firstcol] = array(
                                                    [data] => "the data to be displayed"
                                                    [input] => the name of the input to return from ajax
                                    [secondcol] = array(
                                                    [data] => "the data to be displayed"
                                                    [input] => the name of the input to return from ajax
    I highly recommend inspecting the example data array to see how it works.
    The second part of the script, which can be either the same script as in the example,
    or a seperate page, is the Form Input Requests and the code to update the data
    when it is sent from the page.
    If you notice in the example, there is an if statement that controls everything.
    When the user clicks on a cell to update it, a request is sent to the server, that
    request contains two things: the name of the input to retrieve, and the value
    "FormRequest" set to true. When the "Save" button is pressed, it sends four
    things: the new value, the colid, the rowid, and the var "FormSave" with a value of
    true. Those variables, FormRequest and FormSave, are used to determine what to
    do by your php script. I extract the $_POST because I think it's easier, but
    you don't have to.
    The next step is to configure the inputs to be returned for your cells. These
    are created by you, so you can name them what ever you want. I named them by
    column. The function SetForm takes three inputs:

        SetForm('str name of the input to reference it by', 'str type', 'arr values');
    The name and type are required, the values is not unless it is a radio, select, or check.
    Valid types are:
        radio presents the user with a set of radio buttons
        text gives a text box
        area gives a text area
        check gives a set of checkboxs
        select gives a select box
        bypass if a cell is set to bypass, then it is not editable
    The values array contains the values for radio, check, and select types. It is in
    key => value if you pass 'key' => 'value' to a radio button input type
    the html will be: <input type="radio" name="new" value="key"> value
    The last part of the script that you must write is how to handle the data.
    When save is pressed, it will always send four variables in the post:
    rowid and colid are the identifiers for which cell was selected. new is the value
    that the user selected/entered. This is slightly different from before...with all of
    the input types but check, it will be the value of what the user input/selected. If it
    is a check input, $_POST['new'] will be an array consisting of the values of the
    inputs that were checked...I recommend doing a print_r on post if this is confusing.
    Another big difference is that you must return some sort of value to the ajax script
    after processing the user submitted data. The value that you return will be displayed
    in the cell of the table that was selected. Even if you just do "echo $_POST['new']"
    after the data processing, then it will display that value in the cell. This allows
    you greater flexibilty over showing the updated cells.


$at = new TableEditor;


        This section can be it's own seperate page, just change the SetSubmit value
        to the proper page. Your visitors do not have to visit this page, only
        the ajax needs to know it's name.
if ($FormRequest) {
        If it is a form request being sent, there are three things that are posted:
            type: the name of the form input...the first input in SetForm
                            if you have not set that input type with SetForm, it will return nothing
                            presenting the user with only a "Save" and "Cancel" button.
            FormRequest: This will always be set to "true" if it is a form request

$at->SetForm('col0input','radio',array('four' => '4', 'five' => '5', 'six' => '6'));
$at->SetForm('col3input','check',array('one' => '1', 'two' => '2', 'three' => '3'));

} else if (
$FormSave) {
        If it is a save request being sent, there are four things that are posted:
            rowid: the row id for the edited cell
            colid: the column name for the edited cell
            new: the new value for the cell. Remember, if the input type
                            was checkbox this will be an array of the checked values.
            SaveForm: This will always be set to "true" if it is a save request

$data = file_get_contents("./Atest.txt");
$data = unserialize($data);
    if (
$colid == "col3") {
$update = "You checked ";
        foreach (
$new as $value) {
$update .= "$value ";
    } else {
$update = $new;

$data[$rowid][$colid]['data'] = $update;

//if this were a database, you could use the following SQL statement:
    //UPDATE $tablename SET `$colid` = '$new' WHERE id = '$rowid'
    //you should do some verification on the data input by the user.
$open = fopen("./Atest.txt", 'w');
fwrite($open, serialize($data));
} else {
        This is the part of the script that displays your data. The name
        of this page is the name of the page your visitors will see.

        The data should be a multidimensional array that consists of the data for the table.
        It should be in the following format:
            In the primary array, each element should have a key eqaul to the row id and the value is
            a sub array that contains column data.
            The column data subarray should have key values that are the column values from the db
            and the values are subarrays that consist of two values:
                data: the data to be displayed
                input: the name of the input to be presented to the user
        See above for more information.
        An example would be:
            [1] => array(
                    [Name] => array(
                            [data] => 'Some Guy'
                            [input] => 'col1input'
                    [Address] => array(
                            [data] => '123 Some Street'
                            [input] => 'col2input'
                    [Phone] => array(
                            [data] => '123-123-1234'
                            [input] => 'col3input'
    //the display properties for the odd and even rows
$odd = array('style' => 'background-color: #CCCCCC;');
$even = array('style' => 'background-color: #EEEEEE;');

//the display properties for the overall table
$table = array('align' => 'center', 'cellpadding' => '3', 'cellspacing' => '0', 'width' => '50%');

//table column header information
$headers = array("Col 0", "Col 1", "Col 2", "Col 3");
$headerattrib = array('style' => 'background-color: skyblue');
//checks for the example data, or creates it if not found
if (file_exists("./Atest.txt")) {
$data = file_get_contents("./Atest.txt");
$data = unserialize($data);
    } else {
        for (
$a = 0; $a < 5; $a++) {
            for (
$b = 0; $b < 4; $b++) {
                if (
$b == 0) {
$input = 'col0input';
                } else if (
$b == 1) {
$input = 'col1input';
                } else if (
$b == 2) {
$input = 'bypass';
                } else if (
$b == 3) {
$input = 'col3input';
$data[$a]["col" . $b] = array('data' => "Row $a column $b", 'input' => $input);
$open = fopen("Atest.txt", 'w');
fwrite($open, serialize($data));
//echo "<pre>";