Home/ Questions/Q 9157485
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T13:01:42+00:00

I have been testing out openjs grid v2.1 – starting by modifying the ajax.php

  • 0

I have been testing out openjs grid v2.1 – starting by modifying the ajax.php and index.php – i can get the grid to show the data, the delete function, sorting and navigation works but i cant seem to get the inline editing working, I’ve tried everything, watched youtube video of older versions, searched google, been trying for many hours – I’m stuck !

my table has a primary key ‘id’

ajax.php

<?php
    // connect to db
    mysql_connect("localhost","user","pass");
    mysql_select_db("db");

    // require our class
    require_once("grid.php");

    // load our grid with a table
    $grid = new Grid("phpbb_rivals_players", array(
        "save"=>true,
        "delete"=>true,
        "editing"=>true,
        "where"=>"Console = 'PS3'",
        "select" => 'selectFunction'
    ));

    // drop down function
    // if you have anonymous function support, then you can just put this function in place of
    // 'selectFunction'
    function selectFunction($grid) {
        $selects = array();

        // category select
        $grid->table = "phpbb_rivals_players";
        $selects["id"] = $grid->makeSelect("id","ForumID");

        // active select
        $selects["active"] = array("1"=>"true","0"=>"false");

        // render data          
        $grid->render($selects);
    }


?>

index.php

<!DOCTYPE html>
<html lang="en">
    <head>

        <link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>

        <link rel="stylesheet" href="grid.css" title="openJsGrid"/>
        <!--<link rel="stylesheet" href="jquery-ui/css/smoothness/jquery-ui-1.8.22.custom.css"/>-->
        <script src="jquery.js" type="text/javascript"></script>
        <!--<script src="jquery-ui/js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>-->
        <script src="root.js"></script>
        <script src="grid.js"></script>

        <script type="text/javascript">
            $(function() {


                $(".users").grid({
                    title : "users",
                    page : 1,
                    showPager : true,
                    editing : true,
                    nRowsShowing : 10,
                    width: 800,
                    editing: true,
                    deleting : true
                }).on("loadComplete",function(e) {
                    //console.log("loadComplete", this.instance);
                }).on("cellClick",function(e, $cell) {
                    //console.log("cell",$cell);
                }).on("rowCheck",function(e, $checkbox) {
                    //console.log("rowCheck",$checkbox);
                }).on("rowClick",function(e, $rows) {
                    //console.log("rowClick",$rows);
                });

            });
        </script>
    </head>
    <body>
        <h2>Players</h2>
        <table class="grid users" action="ajax.php">
            <tr>    
                <th col="id" width="50">id</th>
                <th col="ForumID">ForumID</th>
                <th col="GTPSN">GTPSN</th>
                <th col="Position">Position</th>
                <th col="Formation">Formation</th>
            </tr>
        </table>
    </body>
</html>

I want to be able to edit GTPSN, Position, Formation, Console etc…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The Developer was kind enough to respond to my question on github !

    In your table html, set type=”text” – it was omitted from the original documentation and will now be added.

            <table class="grid users" action="ajax.php">
        <tr>    
            <th col="id" width="50">id</th>
            <th col="ForumID">ForumID</th>
            <th col="GTPSN">GTPSN</th>
            <th col="Position">Position</th>
            <th col="Formation">Formation</th>
        </tr>
    </table>

    should be

            <table class="grid users" action="ajax.php">
        <tr>    
            <th col="id" width="50">id</th>
            <th col="ForumID">ForumID</th>
            <th type="text" col="GTPSN">GTPSN</th>
            <th type="text" col="Position">Position</th>
            <th type="text" col="Formation">Formation</th>
        </tr>
    </table>

    Kudos to the developer of this great tool.. Excellent addition to anyone building a backend Admin Control panel !

    • 0