Hejsan,
Jag har gjort ett program som skolarbete åt ett företag, som håller reda på tasks och buggar. Jag har bla en datagrid som listar alla dessa, med hover-/highlighteffekt på raderna.

Men jag skulle vilja förbättra och snygga till datagriden lite genom att göra:
1 klickbara rader, som kör igång en metod i codebehind.
2 begränsa textlängden i en cell, och när man håller musen över dessa celler med mer text än som visas ska hela texten visas som tooltip.
3 när man väljer att visa sånt som redan är färdigt i datagriden, så skulle jag vilja att dessa rader blev överstrukna.

Nu undrar jag, är det möjligt att göra allt detta i en datagrid, och i så fall, är det någon som vet hur man gör? Jag har letat efter svar på dessa frågor i flera dagar, men inte hittat någon lösning som har fungerat. Jag skickar med den kod som lägger till hovereffekten på min grid, kanske kan bygga vidare på den med 1:an och 2:an?

startHighlight = function()
{
if (document.all && document.getElementById)
{  
navRoot = document.getElementById('grdTasks');
   
 // Get a reference to the TBODY element 
tbody = navRoot.childNodes[0];
      
for (i = 1; i < tbody.childNodes.length; i++)
{
node = tbody.childNodes[i];
if (node.nodeName == "TR")
{
node.onmouseover=function()
{
this.className = "over";
}
node.onmouseout=function()
{
this.className = this.className.replace("over", "");
}
}
}
}
}
window.onload = startHighlight;

TR.row:hover { BACKGROUND-COLOR: #ffffcc }
TR.over TD { BACKGROUND-COLOR: #ffffcc }