dunque, ti mando e descrivo del codice per fare una cosa carina ed un pochetto figa:
nella gridView, metti tutte e 6 le colonne.
L'ultima colonna risulterà dunque:
<ItemTemplate>
<a href="javascript:expandcollapse('div<%# Eval("ID") %>');">
<img id="imgdiv<%# Eval("ID") %>" alt="Clicca per vedere/nascondere il testo"
border="0" src="../img/Plus.gif" title="Clicca per vedere/nascondere i contratti" />
</a><br />
<div id="div<%# Eval("ID") %>" style="display: none; position: static; overflow: auto;
width: 97%; margin: auto; text-align: center;">
<%@ Eval("<le tue note lunghe>") %>
</div>
</ItemTemplate>
dove appunto fai il bind con l'ID del contratto (o il campo chiave che utilizzi tu), ed il campo che contiene le note con tanti caratteri.
Ora ti serve per l'appunto la funzione javascript expandcollapse che, lato client, visualizza e/o nasconde il div contenente il testo.
la puoi mettere all'interno della medesima pagina oppure in un javascript a parte, fai tu. La funzione è questa:
function expandcollapse(obj)
{
var div = document.getElementById(obj);
var img = document.getElementById('imgdiv' + obj);
var imgPath = '<metti un path dove hai le immagini>';
if (div.style.display == "none")
{
div.style.display = "block";
img.src = imgPath + "minus.gif";
img.alt = "Chiudi";
img.title = "Chiudi";
}
else
{
div.style.display = "none";
img.src = imgPath + "Plus.gif";
img.alt = "Espandi per vedere i contratti";
img.title = "Espandi per vedere i contratti";
}
}
sottinteso è che le immagini Plus e minus le puoi mettere dove vuoi e puoi mettere qualsiasi immagine che più ti piace.
prova e fammi sapere.