Cannot call method 'appendChild' of null dhtmlx grid

Question

This is my xml for the grid:

<rows>  

    <row>  

        <cell>101</cell>  

        <cell>some name</cell>  

        <cell>917</cell>

    </row>

</rows>

I get it as data.data via Ajax.

In the success of the Ajax call I have this:

myGrid.attachHeader(data.filters);

if (data.widths != undefined) myGrid.setInitWidths(data.widths);

myGrid.setColTypes(data.types);

myGrid.init();

myGrid.loadXMLString(data.data, function () { });

And it crashes on this line:

myGrid.loadXMLString(data.data, function () { });

I get the error "Cannot call method 'appendChild' of null".

But everything have good values. myGrid is ok, data.data has ok values. What seems to be the problem?

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

appendChild method is not directly related to the xml parsing, and may be caused by some grid misconfiguration, or attaching grid to non-existing html container.

When grid process loadXMLString it will try to render the column structure for first time, which in case of incorrect configuration can lead to the above error.

Cannot call method 'appendChild' of null dhtmlx grid

Sign up