Start Building Professional
Web Apps Today

TreeGrid

I'm using treegrid split mode with the manual update mode dataprocessor.
The browser is IE 7.
I got JS err "childs is null or is not an object" when I delete rows that is newly inserted.
Deleting rows from load XML is okay, deleted row is marked with line-through.

Following is the updated sample-code :

<script>
var myDataProcessor;
function doOnLoad(){
mygrid = new dhtmlXGridObject('gridbox');

mygrid.selMultiRows = true;
mygrid.imgURL = "../../../dhtmlxGrid/codebase/imgs/icons_books/";
mygrid.setHeader("Tree,Price,Note");
mygrid.setInitWidths("200,100,100")
mygrid.setColAlign("left,right,center")
mygrid.setColTypes("tree,price,ch");
mygrid.setColSorting("str,str,str")
mygrid.init();
mygrid.enableSmartRendering(true);
mygrid.splitAt(1);
mygrid.loadXML("../common/treegrid_sample_07_split.xml");

myDataProcessor = new dataProcessor("test.do?mode=updateAll");
myDataProcessor.setTransactionMode("POST", true); // All Transaction Mode..

myDataProcessor.enableDataNames(true);
myDataProcessor.setUpdateMode("off");
myDataProcessor.init(mygrid);
}
    
function save() {
myDataProcessor.sendData();
}
</script>

<div id="gridbox" width="400px" height="250px" style="background-color:white;"></div>
<table>
<tr><td>
<div><a href="#" onclick="mygrid.addRow((new Date()).valueOf(),['new row','text','text',1,0],0)">Add new row</a></div>
<div><a href="#" onclick="var z=mygrid.getRowId(this.nextSibling.value); if (z) mygrid.addRow((new Date()).valueOf(),['new row','text','text',1,1],0,z)">Add new row at child of node at position</a><input></div>
<div><a href="#" onclick="var z=mygrid.getSelectedId(); if (z) mygrid.addRow((new Date()).valueOf(),['new row','text','text',1,1],0,z)">Add new row as child of selected</a></div>
<div> </div>
<div><a href="#" onclick="var z=mygrid.getRowId(this.nextSibling.value); if (z) mygrid.deleteRow(z)">Delete row at position</a><input></div>
<div><a href="#" onclick="mygrid.deleteSelectedItem()">Delete selected rows</a></div>
</td> </tr>
<tr><td width="50"><div> </div><div><a href="javascript:void(0);" onclick="save();">Save</a></div></td></tr>
</table>        
</div>

Unforutnately we cannot reproduce this issue locally. What version of dhtmlxGrid do you use? 

Hi,

The version of the dhtmlxTreeGrid is v2.5 build 090904.

Could you test add/delete rows in TreeGrid using SplitAt function and the manual DataProcessor mode ?
I guess  that there is an mark/unmark problem in the right side of split.

Following is dataprocessor_debug log:
--------------------------------------------------------------------
 row 1256023171676 marked [inserted,valid]  ----- Line 1
 row 1256023171676 unmarked [updated,valid]  ----- Line 2
 row 1256023194648 marked [inserted,valid]
 row 1256023197930 marked [inserted,valid]
 row 1256023194648 unmarked [updated,valid]
 row 1256023197930 unmarked [updated,valid]
 row 3.5 marked [deleted,valid]
 row 3.4 marked [deleted,valid]
--------------------------------------------------------------------
The rows named '1256.... ' are newly added one.
JS Err 'childs is null or is not an object' occurred in Line 2 for the first time.

Thnaks in advance.