Documentation

Widgets.us.team.nfl.RecentGames

us.team.nfl.recentGames shows the next and/or past games of the selected team.

For the widget to render you need to provide teamUid.

new RecentGames(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
teamId string

Team id.
pastGames number <optional>
 10

Number of past games to show.
nextGames number <optional>
 1

Number of future games to show, if available.
currentSeason boolean <optional>

If true filters matches of current season only.
includePreseason boolean <optional>

If true adds preseason games.
sortDirection string <optional>
 'desc'

Changes groups and matches sort direction. Valid options are asc and desc.
disableDropdown boolean <optional>

If true disables team selection dropdown.
disableHeaderDetails boolean <optional>

If true disables season header detail.
border boolean <optional>

If true enables a border around the widget.
onItemClick function <optional>

Function/event handler. Emits matchId, seasonId, tournamentId, uniqueTournamentId and other props on table row on click or touch. See example below.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.team.nfl.recentGames" data-sr-team-id="sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932" data-sr-past-games="10" data-sr-next-games="1"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

Please note that in HTML prop names changes from CamelCase to hyphen-word-delimited notation, i.e. pastGames to past-games

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.nfl.recentGames', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932'});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.nfl.recentGames', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932', onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>

Examples of onItemClick targets and emitted props

match:{"matchId":"sd:match:b1ecaeac-df1f-4f1d-ab0c-157152cc5000","fishnetMatchId":"21980993","seasonId":2020,"seasonType":"REG","week":16,"awayTeamId":"sd:team:386bdbf9-9eea-4869-bb9a-274b0bc66e80","homeTeamId":"sd:team:e627eec7-bbae-4fa4-8e73-8e1d6bc5c060","awayTeamUid":"4428","homeTeamUid":"4392","matchStatus":"post"}