Documentation

Widgets.us.match.nba.PlayByPlay

us.match.nba.playByPlay shows a structured list of detailed description and analysis of sporting events (i.e. play-by-play) in a NBA match as they occur in succession, one play at a time.

For the widget to render you need to provide matchId.

new PlayByPlay(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
matchId number

Match id.
sortOrder string <optional>
 'ascending'

Determines sort order. Valid options are ascending, descending.
isExpanded boolean <optional>
 'false'

If true displays expanded tree.
disableFilter boolean <optional>

If true hides all filters, selectors, dropdowns, tabs.
flipOnLiveMatch boolean <optional>

If true displays last period only.
compactPeriodLayout boolean <optional>
 'false'

If true displays compact period layout.
showLast10 boolean <optional>
 'false'

If true limits list to last 10 events.
disableHeader boolean <optional>

If true hides header.
enableTeamColors boolean <optional>

Team colors switch.
border boolean <optional>

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

Function/event handler. Emits toggle object on period header click or touch.
onItemClick function <optional>

Function/event handler. Emits event object on player cell click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.nba.playByPlay" data-sr-match-id="19096708"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

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.match.nba.playByPlay', {matchId: 19096708});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<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.match.nba.playByPlay', {matchId: 19096708, onItemClick: function(type, event){alert('event: ' + JSON.stringify(event));}, onToggle: function(toggle){'toggle: ' + alert(JSON.stringify(toggle));}});
</script>
<div id="sr-widget"></div>