Hyperlinks in TreeGrid - can't get 'em to work - Help!

Suite and Optimus Suite 5
#1

Hello -

I have defined a treegrid as follows:

    <div id="gridbox" style="width:940px;height:800px" style="background-color:white;"></div>
    <script>
      mygrid = new dhtmlXGridObject('gridbox');
      mygrid.setColTypes("tree,txt,txt");
      mygrid.setColSorting("str,str,str");
        // {etc}

I then load the grid via XML. My tree has 4 levels (parent, child, grandchild, great-grandchild). The first two levels do not have links, the last two do. This is what I should get, where the SOF6091 cell should be a link:

    - Customer_1
        - 9100569642
            - SOF6091        4MT2HFPZ        15-Mar-2010
                AR4567       4MT2HFPZ        08-Apr-2010

However, the link does not show up. This is what I get instead:

    - Customer_1
        - 9100569642
            -                4MT2HFPZ        15-Mar-2010
                AR4567       4MT2HFPZ        08-Apr-2010

No link, no data in the cell, nada. I DO get the tool tip, however.

Here’s my XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<rows>
    <row id="cust">
        <cell>Customer_1</cell>
        <row id="rma">
            <cell>9100569642</cell>
            <row id="sof">
                <cell title="launch SOF6091">
                    <![CDATA[<a href="javascript:void(0)" onClick="dispWin('SOF6091')">SOF6091</a>]]>
                </cell>
                <cell>4MT2HFPZ</cell>
                <cell>15-Mar-2010</cell>
                <row id="ar">
                    <cell>AR4567</cell>
                    <cell>4MT2HFPZ</cell>
                    <cell>08-Apr-2010</cell>
                           // {etc}

If I do the same CDATA thing on one of the TXT cells, it works great. But of course, that is not what I need to accomplish.

It appears as if the treegrid js file is not generating the correct thing. A look at the HTML that is genenerated is as follows (see the tag near the end):

<tr class="row row_2  rowselected">
  <td valign="middle" align="left" class=" cellselected">
    <div style="overflow: hidden; white-space: nowrap; height: 18px;" class="treegrid_cell" title="launch SOF6091">
      <img align="absmiddle" class="space" src="DHTMLX/dhtmlxGrid/codebase/imgs/icons_greenfolders/blank.gif">
      <img align="absmiddle" class="space" src="DHTMLX/dhtmlxGrid/codebase/imgs/icons_greenfolders/blank.gif">
      <img align="absmiddle" onclick="this.parentNode.parentNode.parentNode.parentNode.parentNode.grid.doExpand(this);event.cancelBubble=true;" src="DHTMLX/dhtmlxGrid/codebase/imgs/icons_greenfolders/minus.gif">
      <img align="absmiddle" src="DHTMLX/dhtmlxGrid/codebase/imgs/icons_greenfolders/leaf.gif">
      <span id="nodeval" style="position: relative; top: 2px;">          </span>
    </div>
  </td>
  <td valign="middle" align="left">4MT2HFPZ</td>
  <td valign="middle" align="left">15-Mar-2010</td>
</tr>

Can anyone help me? I am assuming it is something simple that I missed… But I have spent days on this and can’t seem to see it.

Thanks.

PS - I’m using FF 3.6.3 running on Windows XP, SP3.

#2

You should not use new line symbol before CDATA section. This is xml parsing issue of the browsers

<![CDATA[SOF6091]]>

#3

Olga! You’re wonderful. Thanks so much. That did the trick. Can’t believe I spent the better part of two days on this… :blush:

Have a great day.