20151222：Web之Repeater使用：关键字查询变色

前台：

<%@ 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 id="form1" runat="server">
    <div>
        <h1>汽车表</h1>
        <p>
            <asp:Label ID="Label2" runat="server" Text="汽车名称："></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server" Width="121px"></asp:TextBox>
&nbsp;<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="查询" />
        </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>
                  </tr>
            </HeaderTemplate>
            <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>
            <FooterTemplate>
                 </table>
            </FooterTemplate>
        </asp:Repeater>

    </div>
    </form>
</body>
</html>

后台：

public partial class Default2 : System.Web.UI.Page
{
    private TextDataContext context = new TextDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Repeater1.DataSource = context.car;
            Repeater1.DataBind();
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //关键字查询变色
        string name = TextBox1.Text;

        if (name != "")
        {
            var query = context.car.Where(p => p.name.Contains(name));
            foreach (car data in query)
            {
                //变成黄色
                //data.name = data.name.Replace(name, "<mark>" + name + "</mark>");
                //变成红色
                data.name = data.name.Replace(name, "<span style=‘background-color:red‘>" + name + "</span>");
            }
            Repeater1.DataSource = query;
            Repeater1.DataBind();
        }
        else
        {
            Repeater1.DataSource = context.car;
            Repeater1.DataBind();
        }
    }
}

时间： 2024-08-28 13:59:13

20151222：Web之Repeater使用：关键字查询变色的相关文章

手机web开发Repeater四层嵌套

最近有朋友想让我给他做个手机上页面,页面功能是显示省--市--区--门店信息,这种层级关系的数据,首先来看看效果: 我想现在的手机都是智能机了对于普通的asp.net页面开发应该没什么两样,不过最终开发下来还是有点区别: 1:首先是Safari浏览器对js的支持,和IE下面的区别. 2:页面数据的显示以及缩放等效果. 介于以上要求,我考虑使用Repeater多层嵌套来实现,下面是页面代码: <%@ Page Language="C#" AutoEventWireup="

php单条件查询，关键字查询

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

关键字查询和多条件查询

0616DBDA.class.php 代码 <?php /** * Created by PhpStorm. * User: Administrator * Date: 2016/6/16 * Time: 11:23 */ class DBDA { public $host="localhost";//服务器地址 public $uid="root" ;//用户名 public $pwd="";//密码 public $dbconnect;

Oracle多关键字查询

因项目需要,在某查询页面的查询字段支持多关键字查询,支持空格隔开查询条件,故实现如下: 使用的原理是:ORACLE中的支持正则表达式的函数REGEXP_LIKE, '|' 指明两项之间的一个选择.例子'^([a-z]+|[0-9]+)$'表示所有小写字母或数字组合成的字符串. '+' 匹配前面的子表达式一次或多次. '( )' 标记一个子表达式的开始和结束位置. 如需要查询的关键字为"杆塔 鸟巢" select t.defect_phenomenon, t.defect_code, t

前台交互，根据id、关键字查询、插入新数据到数据库

public void update() { Patent patent = patentservice.get(id); name=Iso2Utf.encode(name); author=Iso2Utf.encode(author); attachmentName=Iso2Utf.encode(attachmentName); company=Iso2Utf.encode(company); place=Iso2Utf.encode(place); remark=Iso2Utf.encode

根据关键字查询存储或表

--根据关键字查询SP select distinct a.name from sysobjects a,syscomments b where a.id=b.id and a.xtype='P' and b.text like '%XXXXX%' order by name --根据列名查询table SELECT a.name AS TableName,b.Name,b.[length] FROM sysobjects a ,syscolumns b WHERE a.id=b.id AND

php多关键字查询

  php单一关键字查询 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 tdansitional//EN" "http://www.w3.org/td/xhtml1/DTD/xhtml1-tdansitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&

ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 如果此页面用到了ajax方法,一定要在页面上端加上: <script src="../../jquery-1.11.2.min.js"></script> ajax基础语法: <script type="text/javascript">

使用kettle实现关键字查询，更新单列数据

中间库---->机构代码表     本地数据库------>机构表 他们两张表的结构是这样的:   机构代码表  Id 机构表        Id    Flag 需求是这样的,我本地的机构表中的Id只要在中间库的机构代码表里存在,我就要把机构表里的Flag列更新为1,其实一开始想的是使用变量应该是可以的,但是后来才发现,它的变量,是进不去它的输入流的,所以你必须把它当成字段输入进去,所以这就是解决问题的想法 这样你的要更新的Flag就有更新的字段了,这个字段是你自己创建的一个虚拟列 使用ke