Start Building Professional
Web Apps Today

Tagname is null or not an object

Hi,

I am using dhtmlx grid in my application and it is showing a javascript error saying 'tagname is null or not an object' and also 'parentnode is null or not an object'.This error occurs only when I move my mouse over the grid. Dont know why it is throwing this error. Can you please help me fixing his.

Thank you in advance.

Which version of grid you are using?
In old version of grid, similar error may occur, if some complex HTML content placed inside grid's cell.
The issue must not occur for dhtmlxgrid 1.6

If you are using older version of grid, please try to add next code to grid initialization
    grid.getFirstParentOfType=function(obj, tag){
        while (obj&&obj.tagName != tag&&obj.tagName != "BODY"){
            obj=obj.parentNode;
        }
        return obj;
    }

If problem still occurs - please provide any kind of sample, or demo link where issue can be reconstructed.

Here is the code which is giving the trouble.

                                  <div id="gridbox" width="100%" height="100%"></div>
                                    <script>
                                        mygrid = new dhtmlXGridObject('gridbox');
                                        mygrid.selMultiRows = true;
                                        mygrid.imgURL = "<%=appName%>/images/";
                                        mygrid.setHeader('Date,Time,Event');                                       
                                        mygrid.setInitWidthsP("10,10,*");
                                        mygrid.setSkin("light");                                                                              
                                        mygrid.setColAlign("center,center,left");
                                        mygrid.setColVAlign("middle,middle,middle");
                                        mygrid.setColSorting("str,str,str");
                                        mygrid.setColTypes("ro,ro,ro");
                                        mygrid.enableTooltips("false,false,false");
                                        mygrid.enableAutoHeigth(true);
                                        mygrid.enableColumnAutoSize(false);
                                       
                                        mygrid.init();                                                                           
                                               
                                        <c:forEach var="DVC_EVENT" items="${DVC_EVENTS_VECTOR}" varStatus="status">
                                            var date;
                                            var time;
                                            var event;
                                           
                                            <c:set var="currWinDateStr" value="${DVC_EVENT.eventDate}" />
                                            <fmt:parseDate var="currWinDate" value="${currWinDateStr}" pattern="${DATETIME_SKEY_FORMAT}" />
                                            date = '<fmt:formatDate pattern="${DATEFORMAT}" value="${currWinDate}"/>';
                                           
                                            <c:set var="currWinDateStr" value="${DVC_EVENT.eventDate}" />
                                            <fmt:parseDate var="currWinDate" value="${currWinDateStr}" pattern="${DATETIME_SKEY_FORMAT}" />
                                            time = '<fmt:formatDate pattern="${TIMEFORMAT}" value="${currWinDate}"/>';                                                                                       
                                           
                                            <c:forEach var="EVENT" items="${DVC_LIFE_EVENT}">
                                                <c:choose>
                                                    <c:when test="${EVENT.codeValue eq DVC_EVENT.eventType}">
                                                        event ='<c:out value="${EVENT.codeDescription}"/>';
                                                    </c:when>                                                       
                                                </c:choose>
                                            </c:forEach>                                           
                                            mygrid.addRow(<c:out value="${status.index}"/>,[date,time,event],<c:out value="${status.index}"/>);                                                                                                                                                                           
                                        </c:forEach>
                                                                                                           
                                    </script>

Please check attached sample, it uses same init and works correctly .