今天用到搜索时的高亮显示,百度了一下,如下面:
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/eec4c0236afc26744c9c4e910bc34958.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4fd96b3cf02f4c7b5c8964ac8167f7af.gif)
2.用正则,CSS背景变色。
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4fd96b3cf02f4c7b5c8964ac8167f7af.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4fd96b3cf02f4c7b5c8964ac8167f7af.gif)
CSS:
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4fd96b3cf02f4c7b5c8964ac8167f7af.gif)
上面的方法固然用着不错,但感觉过于繁琐。于是试着用下面的方法:
//声明关键字数组
string[] m_Key = new string[] { };
//搜索关键字不空,就执行替换
if (!string.IsNullOrEmpty(Request.QueryString["SearchKey"]))//或者 if (!string.IsNullOrEmpty(txtSearchKey.Text.Trim()))
{
//搜索关键字以空格隔开
m_Key = Request.QueryString["SearchKey"].Split(new char[] { ' ' });
for (int i = 0; i < m_Key.Length; i++)
{
lblOptimumRoad.Text = modelRoadSearch.OptimumRoad.Replace(m_Key[i], "<span class='highlightTxtSearch'>" + m_Key[i] + "</span>");
//如果在gridview中,可以在RowDataBound事件中进行判断,然后e.Row.Cells[3].Text = e.Row.Cells[3].Text.Replace(m_SearchKey[i], "<span class='highlightTxtSearch'>"+m_SearchKey[i]+"</span>");
}
}
else
{
//搜索关键字为空,则是从其它页面转来,不用高亮关键字
lblOptimumRoad.Text = modelRoadSearch.OptimumRoad;
}
不管这种方法效率如何,但感觉用着挺方便的。