jQuery Grid Plugin - jqGrid - Topic: Celledit "leaking" edit boxes?

tony on Celledit "leaking" edit boxes?

Thu, 16 Apr 2009 02:14:03 +0300

Hello Aaron,

Sorry but the page provided here does not work for me at all.

You forgot 2 things.

1. There is no grid.css file included

2. The table does not have class scroll.

If you are able to correct this please in the head section include not loader,

but only grid.base.js, grid.common.js and grid.celledit.js where these files should mbe NOT in min variant. This will allow me to debug easy.

Thanks

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Wed, 15 Apr 2009 12:43:20 +0300

I've posted my test code at http://www.giftregistry.x10hos.....dTest.html. If you just click on rows 1, 2, 3 in order, the first row will vanish; also, if you edit the first row then click on the second row, the first edit box doesn't get destroyed.

Thanks,
Aaron

aaronsher on Celledit "leaking" edit boxes?

Tue, 14 Apr 2009 07:05:40 +0300

At this point, I've given up on using jqGrid, but I'll try to post my test example somewhere you can get at it.

Aaron

tony on Celledit "leaking" edit boxes?

Tue, 14 Apr 2009 00:35:17 +0300

Hello,

Please provide a link to the problem. If possible do not load the min, but the development files of jqGrid.

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Wed, 08 Apr 2009 07:01:54 +0300

If you'd like me to examine some internal state of the jqGrid code, I'd be happy to help out. Given that I can reproduce this 100% and you can't, it might make more sense to try to debug it remotely.

Another possibility would be to do some sort of a screen-sharing thing and debug it live, or even just to use VNC for you to debug it directly on my machine.

Please let me know how I can help.

Thanks,
Aaron

aaronsher on Celledit "leaking" edit boxes?

Tue, 07 Apr 2009 08:28:16 +0300

On Windows, using local cell submission, I get a different symptom - I don't get the leaked edit boxes, but just selecting the three cells in order (1, 2, then 3), the first row disappears.

Aaron

tony on Celledit "leaking" edit boxes?

Tue, 07 Apr 2009 03:17:24 +0300

Hello,

Thanks for investigation.

Humm - in my FF 3.0.8 on Windows all seems to work ok.

To use the cell editing local add

cellsubmit: 'clientArray' - see docs

Could you plese test this sample on Windows machine?

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Fri, 03 Apr 2009 13:20:12 +0300

One additional point - I edited the Main.php script so that it exits immediately, without doing anything at all. I don't know how to make cell editing work without a URL, though it seems like you ought to be able to edit the local data only.

Aaron

aaronsher on Celledit "leaking" edit boxes?

Fri, 03 Apr 2009 13:18:56 +0300

Here's the simplest code I can come up with that illustrates the problem.

<html>
    <head>
        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"></meta>

        
        <script type="text/javascript" src="lib/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="lib/jqGrid/jquery.jqGrid.js"></script>
        <script type="text/javascript">
            $(document).ready(function ()
            {
                $('#grid').jqGrid(
                {
                    datatype: 'clientSide',

                    // Columns
                    colNames:['Name'],
                    colModel:
                    [
                        {
                            name:'item_name',
                            index:'item_name',
                            editable:true
                        }
                    ],

                    // Editing
                    cellEdit: true,
                    cellurl: "Main.php"
                });

                var data =
                [
                    { item_name: "Item1"},
                    { item_name: "Item2"},
                    { item_name: "Item3"}
                ];

                for (var cnt = 0; cnt < data.length; ++cnt)
                    $('#grid').addRowData(cnt, data[cnt]);
            });
        </script>
    </head>

Recall that I'm running under Firefox 3.0.8 on the Mac. Please offer any insight you can - if this can't be fixed, I'm not going to be able to use jqGrid, and I'd really rather not have to try to integrate a different grid control at this point.

Thanks,
Aaron

aaronsher on Celledit "leaking" edit boxes?

Wed, 25 Mar 2009 11:16:14 +0200

Thanks for the help. If you'd like, I'll send you the whole site source; this is a personal project, so there's nothing proprietary in it.

Also, when I get a chance, I'll see if I can make a client-only version that exhibits the behavior.

Aaron

tony on Celledit "leaking" edit boxes?

Wed, 25 Mar 2009 10:51:18 +0200

Hello,

I Will test this having this information - using your config and data.

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Tue, 24 Mar 2009 19:53:22 +0200

Oh, in order for that to make sense, I'd better say that I've added this to the grid declaration:

                jsonReader:{
                    root: "rows",
                    page: "page",
                    total: "total",
                    records: "records",
                    repeatitems: false,
                    id: "id",
                    userdata: "userdata"
                 },

Aaron

aaronsher on Celledit "leaking" edit boxes?

Tue, 24 Mar 2009 19:51:53 +0200

Here's the content that's (currently) getting put into the grid:

{
   "page":1,
   "total":1,
   "records":6,   "rows":[
      {"id":"6","item_name":"Item2d","item_category":"Cat2 modified",
         "num_requested":"1","item_price":"$1"},
      {"id":"5","item_name":"Item1","item_category":"Cat1 mod",
         "num_requested":"1-3","item_price":"$2"},
      {"id":"7","item_name":"Item3a","item_category":"George",
         "num_requested":"1","item_price":"$3"},
      {"id":"20","item_name":"item13","item_category":"Cat13",
         "num_requested":"","item_price":""},
      {"id":"21","item_name":"item14","item_category":"Cat14",
         "num_requested":"","item_price":""},
      {"id":"22","item_name":"item15","item_category":"",
         "num_requested":"","item_price":""}
   ]
}

So, no.

Thanks,
Aaron

tony on Celledit "leaking" edit boxes?

Tue, 24 Mar 2009 01:55:22 +0200

Hello,

Do you have any other content within a cell? I mean other html tags.

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Sun, 22 Mar 2009 09:38:45 +0200

Incidentally, I've upgraded to jqGrid 3.4.3 and the problem is still there.

Thanks,
Aaron

aaronsher on Celledit "leaking" edit boxes?

Sun, 22 Mar 2009 09:34:19 +0200

OK, I know what's going on, but I don't know why this (presumably) works for everyone else. Here's the sequence (all line numbers refer to grid.celledit.js):

- select cell 1
   editCell is called
       line 43: length == 0, so no call is made to saveCell or restoreCell
       line 79: savedRow is assigned
- modify cell 1
- select cell 2
   editCell is called
       line 43: length == 1, so saveCell is called
           saveCell performs a POST
       line 79: savedRow is assigned
       saveCell POST complete callback is triggered
           line 205: savedRow cleared
- select cell 3
   editCell is called
       line 43: length == 0, so no call is made to saveCell or restoreCell

So, the problem is the ordering of the assignment to savedRow on line 79 and the POST complete callback, which clears that variable. Since the callback occurs after the assignment, savedRow ends up clear, and the next call to editCell doesn't call restoreCell, so the edit box doesn't get removed.

Any idea what to do about this?

Thanks,
Aaron

aaronsher on Celledit "leaking" edit boxes?

Sun, 22 Mar 2009 09:13:58 +0200

Here's a clue - when the edit box doesn't disappear, it's because restoreCell doesn't get called. I'll keep hunting and see if I can figure out why that is.

Aaron

aaronsher on Celledit "leaking" edit boxes?

Sat, 21 Mar 2009 20:24:08 +0200

I tried various combinations of this, with no effect. The callbacks have nothing to do with this behavior - it still occurs with this grid definition:

            ownGrid.jqGrid(
            {
                // Original data request
                url:'Main.php',
                postData: {"action":"requestItems", "selectedUserID":selectedUserID},

                // Grid attributes
                caption: "Items",
                imgpath: "lib/jqGrid/themes/basic/images",
                hidegrid: false,
                datatype: 'json',
                mtype: 'POST',
                height: "100%",

                // Columns
                colNames:['Name', 'Category', '#Req', 'Price'],
                colModel:
                [
                    {
                        name:'item_name',
                        index:'item_name',
                        width:150,
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'item_category',
                        index:'item_category',
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'num_requested',
                        index:'num_requested',
                        width:100,
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'item_price',
                        index:'item_price',
                        width:100,
                        sortable:true,
                        editable:true
                    }
                ],

                // Editing
                cellEdit: true,
                cellurl: "Main.php",
//                beforeSubmitCell: onGridCellEditCommitting,
//                afterSaveCell: onGridCellEditEnded,
//                afterSubmitCell: onGridCellEditComplete,

                // Selection
                multiselect: true,
//                onCellSelect: onSelectItem,
//                onSelectCell: onSelectItem,

                // Other callbacks
//                loadComplete: onGridLoadComplete

});

Also, looking at the code, I see onCellSelect but not onSelectCell, at least in grid.base.js. Am I missing something?

Thanks,
Aaron

tony on Celledit "leaking" edit boxes?

Sat, 21 Mar 2009 10:41:03 +0200

Hello,

I see onCellSelect event - this is not connected with cell editing. Instead could you please try to use onSelectCell instead

Regards

Tony

aaronsher on Celledit "leaking" edit boxes?

Fri, 20 Mar 2009 14:35:34 +0200

Sorry for the delay, this is a personal project so I have to work around the damn job. 🙂

The behavior is exactly the same in FF (3.0.7) for Windows. Here's a screen shot:

Unfortunately, my site is badly broken in Safari and IE at the moment, so I can't try it there.

Any suggestions?

Thanks,
Aaron