Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Victoria on Jan 04, 2010 12:36
open dhtmlx forum
dhtmlxgrid: custom tooltip in header cell

Hi,

I am trying to add a custom tooltip in a header as described here http://www.dhtmlx.com/dhxdocs/doku.php?id=dhtmlxgrid:header_extra&s[]=dhtmlxcombo&s[]=tooltip#custom_look_tooltips_for_header_cell

The tooltip does appear as it should. However header cell contains "Product Type{#special}" instead of "Product Type".
The relevant portion of html code in firebug looks like this
"<td title="Warning!" style="cursor: default;">
<div class="hdrcell">Product Type{#special}</div>
</td>"
My code is below. Let me know what i might be doing wrong.

Thanks!

Victoria

<html>
<head>
<script src="include/dhtmlxcommon.js" type="text/javascript"></script>
<script src="include/dhtmlxgrid.js" type="text/javascript"></script>
<script src="include/dhtmlxgridcell.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="include/dhtmlxgrid.css">

</head>

<body>
<div id="gridbox" style="width:100%; height:340px; background-color:white;overflow:hidden"></div>

<script>

mygrid = new dhtmlXGridObject("gridbox");
mygrid.setImagePath("imgs/");
mygrid._in_header_special=function(tag){
tag.title="Warning!";
}

mygrid.setHeader(",Product Type{#special},View,Start Time,Stop Time,Size (MB),Satellite,Instrument,Format,Version");
mygrid.init();
mygrid.loadXML("test.xml");

</script>

</body>
</html>
Answer posted by dhxSupport on Jan 05, 2010 04:02
Please try to use following code:

mygrid._in_header_special=function(tag,index,data){
tag.innerHTML=data[0];
tag.title="Warning!";
}
Answer posted by Victoria on Jan 05, 2010 06:10
This works. Thank you!