tooltip on first column

Is there a way to implement a tooltip on the first column?

Thanks,
Glenn

I use this:

grid.getColumnTemplate(0).setAttribute("title", function(){return this.getItemProperty("tooltip")});
grid.defineDataProperty("tooltip", function(i, j){return "Title: " + title[i] + "\nSummary: " + summary[i] + "\nWeb: " + url[i]});

I should have been more clear... I meant that I am having trouble setting a tooltip for the row header or "fixed" column

first I would like to say thanks for doing great job..

I am working on a tool, in my tool I need dynamic tooltip for valid, cancel buttons and for delete, copy, insert icons..I have tried a lot by using below code..nut i was unable to succeded so you guys could you please help me..here I am sending my code..in this coding there are validate and cancel buttons for that i need tooltip can you please help me.. i need urgently..thank u.
raj

<%@ page language="java" import="java.lang.*,java.util.*" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
<head>
<html:base />
<LINK href="../../stylesheet/Pagination.css" rel="styleSheet" type="text/css">
<LINK href="../../stylesheet/ComplexDataTable.css" rel="styleSheet" type="text/css">



<title>Capace</title>
<meta name = "Generator" content = "Easy Struts Xslt generator for Eclipse (http://easystruts.sf.net).">
<SCRIPT language="JavaScript" >
var areaGlobalMaxLength=10;
function onLoad()
{
var area = document.getElementById("longDataValue");

//retrives windows args
MyArgs = window.dialogArguments;

//Updates label parmaters
var label = document.getElementById("LABEL");
label.innerHTML=MyArgs[2];

//Updates max size of the description.
areaGlobalMaxLength=MyArgs[3];

var value=MyArgs[0];
area.value= unescape(value);
var isEditable=MyArgs[1];

if(isEditable=='0'){
var tds=document.getElementById("buttons");
/*var button = document.getElementById("validateB");
button.src="../../images/Blank.png";
button.onclick="void('');";*/
tds.innerHTML='<html:image onclick="onCancel();" border="0" src="../../images/Cancel.png"/>';
area.disabled=true;

}

function onValidate()
{
var area = document.getElementById("longDataValue");
MyArgs=new Array(escape(area.value));
window.returnValue = MyArgs;
onCancel();
}

function show(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all)
document.all[object].style.visibility = 'visible';
}
function hide(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}

function onCancel()
{
this.close();
}

</SCRIPT>
<SCRIPT language="JavaScript" src="../../js/common.js">
</SCRIPT>
<STYLE TYPE="text/css">
.myStyle {
position: absolute;
visibility: hidden;
}
</STYLE>

</head>

<body onload="onLoad()" class="CDT">
<div align="center">

<TABLE align="center" class="POPUP">

<tr>
<td Id="LABEL" class="POPUP">

</td>
</tr>
<tr>
<td>
<TEXTAREA id="longDataValue" rows="5" cols="45" class="POPUP" onkeydown="areaTextCounter(this)" onkeyup="areaTextCounter(this);">
</TEXTAREA>
</td>
</tr>
<tr>
<td align="center" id="buttons">

<A HREF="javascript:onValidate();" onMouseover="show('myLayer1')" onMouseout="hide('myLayer1')" ><IMG id="validateB" onclick="onValidate();" src="../../images/Validate.png" border="0" ALT="Validate" title="Validate"/></A>

   

<A HREF="javascript:onValidate();" onMouseover="show('myLayer2')" onMouseout="hide('myLayer2')" > <html:image onclick="onCancel();" border="0" src="../../images/Cancel.png" ALT="Cancel" title="Cancel"/></A>

</td>
</tr>
</TABLE>
</div>
</body>
</html:html>

Forum search