TypeError: mvc.Components.get(...) is undefined

[rijk]

I try to follow the example 'Table Cell Highlighting' in the App: Splunk 6.x Dashboard Examples. After adding the script and css to /opt/splunk/etc/apps/search/appserver/static the browser console displays:

TypeError: mvc.Components.get(...) is undefined
mvc.Components.get('highlight').getVisualization(function(tableView) {

I only adjusted the field names to represent the fieldnames in my own table. Can someone please tell me what I am missing?

[jbrodsky_splunk]

The reason that you are getting this is because your table definition needs an ID.

If you look at the .js script, and the error you posted above, it says this:

mvc.Components.get('highlight').

That is the tip off. What you need to have in your SimpleXML table definition is this:

<table id='highlight'>

Yours probably just looks like:

<table>

...which will not work, and results in the above error.

Make that change, restart splunkweb, clear your browser cache, and it should work. Easy to miss that, and the error message makes it seem like you're missing a JavaScript dependency of sorts.

[bhawkins1]

Is this not documented anywhere? the mvc.Components.get() method doesn't seem to even have a reference, only examples with names like "myview" which could mean anything - token, id, class, and so on.

[ss026381]

Documented here: https://docs.splunk.com/DocumentationStatic/WebFramework/1.2/compref_mvc.html