Hi All,
I’m trying to use a custom tooltip plugin on a specific cell in dhtmlxTreeGrid, but I cant seem to get it to work for some reason. I’m using http://twitter.github.com/bootstrap/javascript.html#tooltips
Here’s my code, hopefully someone will be able to identify where I’m going wrong.
[code]var mygrid;
function stackedBarChart(id) {
var cell = mygrid.cells(id, 1);
var barRatios = cell.getValue();
var bars = “”;
var staus = [“New”, “Initial checks”, “Background checks”, “Completed”];
if (barRatios && barRatios != ’ ‘) {
var chartArray = barRatios.split(’|’);
for (var i=0;i<chartArray.length;i++) {
if (chartArray[i] != 0) {
index_pos = $.inArray(chartArray[i], chartArray)
item_no = index_pos+1
bars += “
} else {
continue;
}
}
var barChart = “
- ” + bars + “
cell.setValue(barChart);
$(".stackbar-item").tooltip({delay: { show: 300, hide: 300 }});
}
}
function doInitGrid(){
mygrid = new dhtmlXGridObject(‘mygrid_container’);
mygrid.setImagePath(“js/libs/dhtmlxGrid/codebase/imgs/”);
mygrid.setHeader(“Programmes, Applications Status, Total Applications, Requiring Action”);
mygrid.enableHeaderMenu();
mygrid.selMultiRows = true;
mygrid.setSkin(“clear”);
mygrid.setColTypes(“tree,txt,link,link”);
mygrid.attachHeader("#text_search, ,#cspan,#cspan");
mygrid.setInitWidthsP(“40,30,15,15”);
mygrid.setColAlign(“left,center,center,center”) ;
mygrid.enableAutoHeight(true);
mygrid.setAwaitedRowHeight(“40”);
mygrid.setColSorting(“str,na,int,int”);
mygrid.enableTooltips(“true,false,false,false”);
mygrid.init();
mygrid.enableSmartRendering(true);
mygrid.loadXML(‘xml-tests/tree3.xml’, function(){
mygrid.forEachRow(function(id){stackedBarChart(id)});
});
}
doInitGrid();[/code]
I have jQuery loaded together with the required plugin, and it works if I add a test outside of the TreeGrid, but within the tree, no dice 
