我正在使用搜索框根据搜索文本对gridview进行排序。我想突出显示在文本框中输入的gridview中的匹配文本。 这是我的aspx页面 -
<table>
<tr>
<td>
<asp:TextBox ID="TextBox1" runat="server" Width="167px">
</asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click"
Text="Submit" Width="116px" />
</td>
</tr>
<tr>
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</tr>
</table>
public void bind()
{
dt = g1.return_dt("select * from tbl1 where id is not null "
+ Session["Name"] + " order by compname ");
if (dt.Rows.Count > 0)
{
adsource = new PagedDataSource();
adsource.DataSource = dt.DefaultView;
adsource.PageSize = 10;
adsource.AllowPaging = true;
adsource.CurrentPageIndex = pos;
btnfirst.Enabled = !adsource.IsFirstPage;
btnprevious.Enabled = !adsource.IsFirstPage;
btnlast.Enabled = !adsource.IsLastPage;
btnnext.Enabled = !adsource.IsLastPage;
GridView1.DataSource = adsource;
GridView1.DataBind();
}
else
{
GridView1.DataSource = null;
GridView1.DataBind();
}
}
protected void Button1_Click(object sender, EventArgs e)
{
if (TextBox1.Text != "")
{
Session["Name"] = string.Format("and compname like '%{0}%' or productcategory like '%{0}%' or country like '%{0}%'");
}
else
{
Session["Name"] = null;
}
}
请指导我如何做到这一点。
答案 0 :(得分:0)
您可以通过两种方式实现:
修改数据表相关列中的文本。 (查找每列中的文本,并添加一个包含该文本的css类的范围。)以下是一个示例:
foreach(DataRow dr in dt.Rows)
{
foreach(DataColumn dc in dt.Columns)
{
string s = Convert.ToString(dr[dc.ColumnName]);
s = s.Replace("Your Search Text","<span style='color:RED'>Your Search Text</span>");
dr[dc.ColumnName] = s;
}
}
您可以使用javascript,让浏览器完成所有工作。 (有关示例,请参阅this link。)
希望这有帮助。