如何限制已从数据库中获取的文本

Question

我的问题是我不知道如何使“tekst”只有180个字符。有谁能够帮我 ？ 当它是eval并且它在180以上时我必须将其减少到180，并且阅读更多链接。

<asp:Panel ID="biler_panel" runat="server" Visible="False">
                <asp:SqlDataSource ID="SqlDataSource5" runat="server" ConnectionString="<%$ ConnectionStrings:DatabaseConnectionString1 %>" DeleteCommand="DELETE FROM [Artikler] WHERE [Id] = @Id" InsertCommand="INSERT INTO [Artikler] ([Navn], [Tekst], [Dato], [Vist], [Fk_kat]) VALUES (@Navn, @Tekst, @Dato, @Vist, @Fk_kat)" ProviderName="<%$ ConnectionStrings:DatabaseConnectionString1.ProviderName %>" SelectCommand="SELECT [Id], [Navn], [Tekst], [Dato], [Vist], [Fk_kat] FROM [Artikler]" UpdateCommand="UPDATE [Artikler] SET [Navn] = @Navn, [Tekst] = @Tekst, [Dato] = @Dato, [Vist] = @Vist, [Fk_kat] = @Fk_kat WHERE [Id] = @Id">
                    <DeleteParameters>
                        <asp:Parameter Name="Id" Type="Int32" />
                    </DeleteParameters>
                    <InsertParameters>
                        <asp:Parameter Name="Navn" Type="String" />
                        <asp:Parameter Name="Tekst" Type="String" />
                        <asp:Parameter Name="Dato" Type="DateTime" />
                        <asp:Parameter Name="Vist" Type="Int32" />
                        <asp:Parameter Name="Fk_kat" Type="String" />
                    </InsertParameters>
                    <UpdateParameters>
                        <asp:Parameter Name="Navn" Type="String" />
                        <asp:Parameter Name="Tekst" Type="String" />
                        <asp:Parameter Name="Dato" Type="DateTime" />
                        <asp:Parameter Name="Vist" Type="Int32" />
                        <asp:Parameter Name="Fk_kat" Type="String" />
                        <asp:Parameter Name="Id" Type="Int32" />
                    </UpdateParameters>
                </asp:SqlDataSource>
            <asp:Repeater ID="Repeater5" runat="server" DataSourceID="SqlDataSource5">


                <ItemTemplate>

                    <div id="bilerdiv"><p class="overskrift"><%# Eval("Navn") %></p>
                        <p class="tid"><%# Eval("Dato") %></p>
                        <p class="tekst"><%#Eval ("Tekst") %></p>
                    </div>
                </ItemTemplate>

            </asp:Repeater>

Answer 1

你可以尝试：

<%# Eval("Tekst").ToString().PadRight(180).Substring(0, 180).TrimEnd() %>

或使用LINQ：

<%# Eval("Tekst").ToString().Take(180).Aggregate("", (x,y) => x + y) %>

修改： 对于Read More链接实现，您可以使用jQuery，假设您的标记如下：

<强> HTML ：

<p class="tekst-limited"><%# Eval("Tekst").ToString().PadRight(180).Substring(0, 180).TrimEnd() %></p>
<p class="tekst-full"><%#Eval ("Tekst") %></p>
<a href="#" class="button"></a>

<强>的jQuery ：

$(".button").click(function(){
  var moreAndLess = $("p").is(':visible') ? 'Read More' : 'Less';
  $(this).text(moreAndLess);
  $(".tekst-full").slideToggle();
});

Answer 2

你可以做什么，你可以将它作为标题显示在鼠标上。

<div id="bilerdiv">
     <p class="overskrift" title='<%# Eval("Tekst").ToString()%>'>
         <%# Eval("Tekst").ToString().PadRight(180).Substring(0, 180).TrimEnd() %>
     </p>
     ......
 </div>

如果大于180个字符，则会显示180并且鼠标悬停在<p>

上

可以使用jquery的工具提示。

1. http://jqueryui.com/tooltip/#default
2. http://jquerytools.org/documentation/tooltip/

Answer 3

CSS text-overflow属性可能会有所帮助。这样你就不必做任何事情了，让浏览器为你做好工作。