GridView 中字段长度超长以省略号显示，当鼠标放在该记录上时显示完整信息

 实现思路：通过判断绑定列的值的字符长度来截取字符串，给控件添加鼠标移入移出事件，添加DIV并绑定实际字段值信息，添加JAVASCRIPT 方法控制DIV显示与稳藏，

通过鼠标事件控制DIV显示与稳藏。

实现主要代码：

//绑定列 
<asp:TemplateField HeaderText="标题" SortExpression="DocumentTitle"> 
  <ItemTemplate> 
<a οnmοuseοut="ShowRec()" οnmοuseοver="ShowRec()" href='DocShowDetail.aspx?id= <%# Eval("DocumentID") %>' > <%# Eval("DocumentTitle").ToString().Length > 20 ? Eval("DocumentTitle").ToString().Substring(0,20) + "..." : Eval("DocumentTitle").ToString() %> 

<div id="divRec"> <%# DataBinder.Eval(Container.DataItem, "DocumentTitle")%> </div> 
</ItemTemplate> 
  <ItemStyle Width="360px" Wrap="False" /> 
</asp:TemplateField> 



<script type="text/javascript">
  function ShowRec()
  {
  var ele = event.srcElement;
  var rec = ele.nextSibling;
  if(rec)
  {
  if(rec.style.display = '')
  {
  rec.style.display = 'none';
  }
  else
  {
  rec.style.display = '';
  }
  }
  }
  </script>

 

或者当 onmousemove弹出DIV显示详细信息