WB 小技巧 关键字 模糊查询 关键字变颜色
前台HTML代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form >
<div>
</div>
<h1>汽车表</h1>
<p>
<asp:Label ID="Label1" runat="server" Text="汽车名称:"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="查询" />
</p>
<p> </p>
<p> </p>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table width="1000" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF">
<tr>
<td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF">名称</td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF">系列</td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF">上市时间</td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF">油耗</td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF">功率</td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF">排量</td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF">价格</td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF">图片</td>
</HeaderTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
<ItemTemplate>
<tr>
<td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Brand") %></td>
<td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Time") %></td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Oil") %></td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Powers") %></td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Exhaust") %></td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Price") %></td>
<td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Pic") %></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</form>
</body>
</html>
后台C#代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
TestDataContext context = new TestDataContext();
//绑定数据源
Repeater1.DataSource = context.Car;
Repeater1.DataBind();
}
}
protected void Button1_Click(object sender, EventArgs e)
{
TestDataContext context = new TestDataContext();
string name = TextBox1.Text;
//判断是不是输入的空的
if (name != "")
{
//查汽车表 模糊查询Contains() 查出所有的数据 放到一个集合里
var query = context.Car.Where(p => p.Name.Contains(name));
//给每个关键字 变成红色 或者 mark加上标签
//便利里面的每一条
foreach (Car data in query)
{
//替换：Replace() 把原来里面的关键字 替换成标签
data.Name = data.Name.Replace(name, "<mark>" + name + "</mark>");
}
//绑定数据源
Repeater1.DataSource = query;
Repeater1.DataBind();
}
else
{
//绑定数据源
Repeater1.DataSource = context.Car;
Repeater1.DataBind();
}
}
}
网页显示：