Extjs 如何突出显示搜索的字符串
我使用Extjs实现了一个gridpanel,它显示数据库的内容。 在文本字段中,我们可以编写一个关键字,该关键字被提交并用于从数据库检索信息 我的问题是: 如何在gridpanel中突出显示结果中的关键字? 我不想突出显示整行,只想突出显示关键字Extjs 如何突出显示搜索的字符串,extjs,Extjs,我使用Extjs实现了一个gridpanel,它显示数据库的内容。 在文本字段中,我们可以编写一个关键字,该关键字被提交并用于从数据库检索信息 我的问题是: 如何在gridpanel中突出显示结果中的关键字? 我不想突出显示整行,只想突出显示关键字 /问候。您是如何实现搜索功能的?您是在服务器上执行它,还是只是用javascript过滤存储 如果您是远程操作,只需突出显示服务器端代码中的字符串就会容易得多(例如,在搜索字符串周围环绕一个) 如果您在ExtJS中执行此操作,则必须重新呈现可能包含您
/问候。您是如何实现搜索功能的?您是在服务器上执行它,还是只是用javascript过滤存储 如果您是远程操作,只需突出显示服务器端代码中的字符串就会容易得多(例如,在搜索字符串周围环绕一个
)
如果您在ExtJS中执行此操作,则必须重新呈现可能包含您搜索的单词的所有网格列。这将更加困难。如果要突出显示匹配的整行,可以尝试重新定义GridView的getRowClass方法:
viewConfig: {
forceFit: true,
// Return CSS class to apply to rows depending upon data values
getRowClass: function(record, index) {
var c = record.get('change'); //or loop through all record fields
if (c.match(...get search string in here...)) {
return 'highlight';
}
}
}
如果要突出显示单元格本身,则必须在存储加载时循环浏览所有记录及其字段,使用getCell获取网格单元格,并对其应用cass搜索功能在服务器上完成。关键字用于sql查询中。答案将发送回客户机。