Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by sbritton on Apr 09, 2009 08:34
open dhtmlx forum
TreeGrid Not working - 'eXcell' is undefined

I have a working page with the grid (professional lisc). I'm trying to convert to a tree grid. The grid will load, but only the parent rows...the children rows are not showing.

I'm getting a JS error: 'eXcell' is undefined

The only code change I made was to add the Treegrid JS and to add childred rows.

I have used my own XML as well as sample XML provided by DHTMLX...same result.

These are the libraries I'm loading and in which order:
dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.css
dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn_bricks.css
dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.css
dhtmlx/dhtmlxGrid/codebase/dhtmlxcommon.js
dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.js
dhtmlx/dhtmlxGrid/codebase/dhtmlxgridcell.js
dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_group.js
dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js
dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_fast.js
dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_ssc.js
dhtmlx/dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js
dhtmlx/dhtmlxTabbar/codebase/dhtmlxcommon.js
dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.js
Answer posted by dhxSupport on Apr 09, 2009 09:08

Such issue may occur if you have attached treegrid.js before gridcell.js or you are using old version of gridcell.js file. If ussue still occur please send example where we can recreate this directy to the support@dhtmlx.com. 

Answer posted by sbritton on Apr 09, 2009 09:21

Okay...thanks.  The error went away but I'm still not getting the children records showing up.  Just the parent record.  I don't think it is the XML since even the samples provided by DHTMLX are not showing children rows.

I'm using the following sample XML:

The top row shows fine...the child row (with the random numbers) does not show.

<?xml version="1.0" encoding="utf-8"?><rows>
 <head>
  <column width="50"  type="ro" align="left" sort="str">Type</column>
  <column width="55"  type="ro" align="left" sort="str">Date</column>
  <column width="130" type="ro" align="left" sort="str">Name</column>
  <column width="183" type="ro" align="left" sort="str">Address</column>
  <column width="113" type="ro" align="left" sort="str">Prop Owner</column>
  <column width="75"  type="ro" align="left" sort="str">Phone</column>
  <column width="54"  type="ro" align="left" sort="str">Status</column>
  <column width="64"  type="ro" align="left" sort="str">Score</column>
  <column width="*"   type="ro" align="left" sort="str">Actions</column>
  <column width="0"   type="ro" align="left" sort="str">ZIP</column>
 </head>
  <row id='3269614' class='rowhotlead' open="1">
  <cell>relative</cell>
  <cell>2009-04-07</cell>
  <cell>xxxxxxxxxxx, xxxxxxxxx </cell>
  <cell><![CDATA[
    <a name='FRUITRIDGE1919' />    <a href='#' onclick='moveMapWindow(3269614);bringFront("section_maps");'>
    XXXX  FRUITRIDGE RDApt# 4C<br>XXXXX, CA XXXX</a><br>   ]]></cell>
  <cell><br /></cell>
  <cell>
         <![CDATA[
    <a href='sip:XXXXXX.com' target='_blank' title='Call this number with VOIP' oncontextmenu='callOptionsSingo("xxxxxx")' onclick='logCall("xxxxxxx","","3269614","","")'>xxxxxxx</a>   ]]>
  </cell>
  <cell>active</cell>
  <cell><![CDATA[
   <div title="500:">500<br></div>
   <img src='/images/icon_manual.png' alt='Provided by skiptracer'>   ]]></cell>
  <cell>xxxxxxxxx</cell>
   <cell>95822</cell>
    <row id='1961470812' >
     <cell>1939755474</cell>
     <cell>1428026160</cell>
     <cell>2038379555</cell>
     <cell>1893243184</cell>
     <cell>962269911</cell>
     <cell>1091226808</cell>
     <cell>658159213</cell>
     <cell>225397050</cell>
     <cell>1056565167</cell>
     <cell>468966765</cell>
    </row>
 </row>
</rows>

Answer posted by Support on Apr 09, 2009 09:48
You need to define some column as "tree" to inform component that it is a TreeGrid. 
 <column width="50" type="tree" align="left" sort="str">Type</column>