Bootgrid append method

Question

Im breaking my head and cant figure out how to append data, just for testing pourpuses i did this :

              var JSONINFO = {"rows": [{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"},{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"} ]};

              var result = [];
              for(var i in JSONINFO) result.push([i, JSONINFO [i]]);
              $("#grid-basic").bootgrid().bootgrid("append",result.rows);

but cannot insert data in the table ... can anyone clarify the format that the array should have ?, or a more comprehensive example? ... Thanks a lot !

score 3 · Answer 1 · answered Dec 08 '15 at 14:32

I had the same problem with my grid. The problem was that I was loading my grid with ajax.

Removing the ajax: true and/or setting it to the default false solved the "append", "remove" and "clear" problem but I had to solve the loading problem.

In my case, I decided not using the grid "append" function and reload the grid data with a server side call. $("#myGrid").bootgrid('reload')

I am not happy with the solution but at least I found the problem I had

var grid = $("#myGrid").bootgrid({
        ajax: false,                    
                formatters: {
            "commands": function (column, row) {
                return "<button type=\"button\" class=\"btn btn-xs btn-default command-edit\" data-row-id=\"" + row.id + "\"><span class=\"fa fa-pencil\"></span></button> " +
                    "<button type=\"button\" class=\"btn btn-xs btn-default command-delete\" data-row-id=\"" + row.id + "\"><span class=\"fa fa-trash-o\"></span></button>";
            }
        }
    })

score 2 · Answer 2 · answered Mar 05 '17 at 00:55

Just use it like this:

var JSONINFO = {"rows": [{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"},{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"} ]};

$("#grid-basic").bootgrid("append", JSONINFO.rows);

score 1 · Answer 3 · edited Aug 21 '15 at 20:40

1

Try replacing:

bootgrid("append",result.rows);

with:

bootgrid("append",result.d);

edited Aug 21 '15 at 20:40

Nathaniel Ford

20,545
20
91
102

answered Aug 21 '15 at 20:32

gabriel

11
1

I don't understand what `result.d` is referring to – Kellen Stuart Aug 18 '17 at 19:47

SauloRJ · Answer 4 · 2016-04-14T18:07:25.550

1

Just pass JASON

var JSONINFO = [{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"},{"id": 19, "sender": "123@test.de", "received": "2014-05-30T22:15:00", "status":"Garantia"} ];

grid.bootgrid("append", JSONINFO);

Pay attention to remove "rows" from JASON...

edited Apr 14 '16 at 18:07

answered Apr 14 '16 at 17:01

SauloRJ

23
6

JSON. why are are you calling is JASON? – Kellen Stuart Aug 18 '17 at 19:19

Bootgrid append method

4 Answers4