当前位置: 代码迷 >> ASP.NET >> Repeater控件的用法解决办法
  详细解决方案

Repeater控件的用法解决办法

热度:2212   发布时间:2013-02-25 00:00:00.0
Repeater控件的用法
如何实现某列只显示一部分长度的数据(例如:某列数据长度为50个字符,展示的时候只要求显示15个字符),但是鼠标放在上面,要求显示全部的,这个是哪个属性呢?

------解决方案--------------------------------------------------------
ToolTip
HTML元素的title
------解决方案--------------------------------------------------------
<span title="鼠标放在上面,要求显示全部的"></span>
------解决方案--------------------------------------------------------
<asp:Label ID="Label1" runat="server" Text="前15个字符" ToolTip="所有的字符"></asp:Label>
------解决方案--------------------------------------------------------
引用:
<asp:Label ID="Label1" runat="server" Text="前15个字符" ToolTip="所有的字符"></asp:Label>

正解。
绑定的时候如果超过15个字符就SubString
------解决方案--------------------------------------------------------
引用:
引用:<asp:Label ID="Label1" runat="server" Text="前15个字符" ToolTip="所有的字符"></asp:Label>
正解。
绑定的时候如果超过15个字符就SubString



+1
------解决方案--------------------------------------------------------
应该是这种效果图

<script language="javascript" type="text/javascript">
    function mouseOver(i)
    {
        document.getElementById("Detailed"+i).style.display="";
        document.getElementById("Brief"+i).style.display="none";
    }
    function mouseOut(i)
    {
        document.getElementById("Detailed"+i).style.display="none";
        document.getElementById("Brief"+i).style.display="";
    }
    </script>
<td class="tc" onmouseover="mouseOver(<%#Container.ItemIndex+1%>)" onmouseout="mouseOut(<%#Container.ItemIndex+1%>)">
                                        <span id="Detailed<%#Container.ItemIndex+1%>" style="display:none;" >
                                            <%#Eval("n_Content")%></span> <span id="Brief<%#Container.ItemIndex+1%>">
                                                <%#((TM.DBUtility.DbHelperSQL.ParseTags(Eval("n_Content").ToString()).Length > 200) ? TM.DBUtility.DbHelperSQL.ParseTags(Eval("n_Content").ToString()).Substring(0, 200) + "..." : TM.DBUtility.DbHelperSQL.ParseTags(Eval("n_Content").ToString()))%></span>
                                    </td>
  相关解决方案