Search and Top Navigation
#6753 closed enhancement (duplicate)
Opened December 15, 2010 05:06PM UTC
Closed December 15, 2010 06:40PM UTC
Last modified December 15, 2010 06:40PM UTC
Reinstate HTML labels (and query highlighting)
Reported by: | draenor | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.core | Version: | 1.8.7 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Reinstate (as in jQuery UI 1.8.2) HTML labels when plotting the result. Thus allowing e.g., rendering objects such as
{ value: test label: <b>te</b>st }
assuming that the "te" is the search term.
Proposed fix:
_renderItem: function( ul, item) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + "</a>" ) .appendTo( ul ); }
Even better would be to support this highlighting the query term directly in the autocomplete module.
Proposed fix 2
(requires the first fix)
var termregex = new RegExp( "(" + term + ")", "i" ), this.label = this.label.replace( termregex, "<b>$1</b>" );