如何截斷使用jQuery和/或C＃DataList中的asp.net標籤中的文本

Question

我正在尋找裁剪DataList內的標籤中的一些文本。

<asp:Label runat="server" Text='<%# Eval("Description") %>'></asp:Label> 

，我會爲我的描述很喜歡，如果描述的長度超過100個字符，一個「顯示更多」鏈接以顯示修剪後（「顯示更少」是沒有必要的）。點擊「顯示更多」後，完整描述應該出現在同一頁面上（這是我希望使用某個jQuery的地方）

任何人都可以幫助我開始解決這個問題嗎？

Answer 1

我知道這是一個老問題，但答案的緣故：

public static class Extensions 
{ 
    /// <summary> 
    /// Truncate a value if it is a string. 
    /// </summary> 
    /// <param name="value">The value to check and truncate.</param> 
    /// <param name="length">The length to truncate to.</param> 
    /// <param name="appendEllipses">Append ellipses to the end of the value?</param> 
    /// <returns>A truncated string, if not a string the object value.</returns> 
    public static object Truncate(this object value, int length, bool appendEllipses = true) 
    { 
     // Are we dealing with a string value? 
     var result = value as string; 

     // Yes? truncate, otherwise pass through. 
     return result != null ? Truncate(result, length, appendEllipses) : value; 
    } 

    /// <summary> 
    /// Truncate a value if it is a string. 
    /// </summary> 
    /// <param name="value">The value to check and truncate.</param> 
    /// <param name="length">The length to truncate to.</param> 
    /// <param name="appendEllipses">Append elipses to the end of the value?</param> 
    /// <returns></returns> 
    public static string Truncate(this string value, int length, bool appendEllipses = true) 
    { 
     var result = value; 

     // Too Long? 
     if (value.Length > length) 
     { 
      // Truncate. 
      result = value.Substring(0, length); 

      // Add Ellipses, if needed. 
      if (appendEllipses) { result = result + " ..."; } 
     } 

     return result; 
    } 
} 

你可以你像這樣的第二種方法：

<%# Eval("Description").ToString().Truncate(10) %> 

或者爲了避免混亂，你可以使用第一種方法像這樣：

<%# Eval("Description").Truncate(10) %> 

我不是100％關於添加擴展方法到對象類，往往是一個痛無處不在，因此我爲什麼選擇它。使用eval