【问题标题】:How can I highlight a word within gridview如何在gridview中突出显示一个单词
【发布时间】:2013-09-20 20:05:14
【问题描述】:
如何在 gridview 控件中突出显示查询的文本?
【问题讨论】:
标签:
c#
asp.net
sql-server-2008
gridview
【解决方案1】:
如果你想做这个客户端,请按照以下步骤操作:
将 jQuery 引用添加到您的页面。添加一个文本输入调用 txt_Search。
然后使用这个脚本:
$(document).ready(function () {
$('#txt_Search').keyup(function () {
searchTable($(this).val());
});
function searchTable(inputVal) {
var table = $('#GridView1');
table.find('tr').each(function (index, row) {
var allCells = $(row).find('td');
if (allCells.length > 0) {
var found = false;
allCells.each(
function (index, td) {
var regExp = new RegExp(inputVal, 'i');
if (regExp.test($(td).text())) {
found = true;
return false;
}});
if (found == true) $(row).show(); else $(row).hide();
}
});
}
});
【解决方案2】:
var gv = document.getElementById("#GridView1");
for (var i = 0; i < gv.all.length; i++) {
var cellValue = grid.rows[i].cells[0].elements[0];
cellValuestyle.background = '#DD00DD';
}
【解决方案3】:
搜索文本,穿戴标签,例如<label>,不要忘记为标签添加高亮样式。