我想在asp.net C＃中的gridview中突出顯示一個特定的單詞

Question

我有一個GridView，當我在文本之間導航時，我想要突出顯示特定單詞的很多文本，我想強調它總是我的意思是不是在搜索之后或者其他東西，讓我們假設我在里面有以下文本gridview“我早上會有一個蘋果，晚上會有一個蘋果”我想通過文本突出顯示gridview中的“apple”這個詞，我嘗試了一個java腳本但沒有發生任何事！ 謝謝。

Answer 1

你需要在你需要的單詞周圍包裝基本的html標簽。

所以改變你的字符串

"I would have an apple in the morning.."

至

"I would have an <span style='background-color:Yellow;'>apple </span>in the morning..".

一切都會開始奏效。

現在你可以在任何地方做到。

1. 通過JavaScript
2. 通過服務器端即為這些字符串預處理數據源。 即在代碼中相應地修改數據源內容。

通過javascript / jquery，你可以這樣做：a。 Gridview被渲染為純html中的表，因此無論您提供給gridview的Id是什么，都將是表的Id。 使用jquery（或javascript）抓取它並處理innerHtml。

即

 $(document).ready(function(){
      var text= $('#GridView_Equivalent_Id').html(); 
     //var text= $(#+'<%= GridView1.ClientID %>').html();
     text= text.replace('apple','<span style="background-color:Yellow" >apple</span>'); 
     $('#GridView_Equivalent_Id').html(text);
});

在服務器端，你可以這樣做。

假設你有一個數據表，你綁定你的GridView和這個數據表的第二列有該字符串（句子），其中一個詞，你想要突出顯示..

做這個。

   DataTable dt = GetDatafromDb();
     foreach(DataRow row in dt.Rows)
     {
         row['columnContainingText'] = row['columnContainingText'].ToString().Replace("apple","<span style='background-color:yellow'>apple</span>");
     }
    GridView1.DataSource=dt;
    GridView1.DataBind();