Dashboards & Visualizations

Custom Javascript throw exception: "Splunk is not defined"

barakakha
New Member

I'm trying to add custom Javascript to my simple XML dashboard (as explained here) but when it start running it throw an exception "Splunk is not defined".

This is my js code with some modification to find why its not running:

try{
    if( Splunk.Module.SimpleResultsTable ){
    Splunk.Module.SimpleResultsTable = $.klass(Splunk.Module.SimpleResultsTable, {
        renderResults: function($super, htmlFragment) {
            $super(htmlFragment);

            if (this.getInferredEntityName()=="events") {
                this.renderedCount = $("tr", this.container).length - 1;
            }

            $('#highlight td').each(function() {
                $(this).attr("data-value",$(this).html().trim());
            });
        }
    });
 }
}
catch(err){
    alert(err.message);
}

what am i doing wrong?

Tags (2)
0 Karma
1 Solution

jeffland
SplunkTrust
SplunkTrust

Your javascript file needs to load some dependencies. Right now, you are telling the browser to out of the blue use an object called "Splunk", but you didn't tell it where to find that object. Have a look here at the third gray box to see that your .js needs to have roughly the following format:

require([
"splunkjs/ready!",
"splunkjs/mvc/chartview"
], function(mvc) {
    var Chart = require("splunkjs/mvc/chartview"); // otherwise "Chart" would be undefined etc.
    // further js goes here
});

The splunkjs/ready! is needed to use Splunk in your js code I believe, so placing the code you currently have where the comment indicates should do the trick for you, at least as far as the error you currently have is concerned.

View solution in original post

0 Karma

jeffland
SplunkTrust
SplunkTrust

Your javascript file needs to load some dependencies. Right now, you are telling the browser to out of the blue use an object called "Splunk", but you didn't tell it where to find that object. Have a look here at the third gray box to see that your .js needs to have roughly the following format:

require([
"splunkjs/ready!",
"splunkjs/mvc/chartview"
], function(mvc) {
    var Chart = require("splunkjs/mvc/chartview"); // otherwise "Chart" would be undefined etc.
    // further js goes here
});

The splunkjs/ready! is needed to use Splunk in your js code I believe, so placing the code you currently have where the comment indicates should do the trick for you, at least as far as the error you currently have is concerned.

0 Karma

barakakha
New Member

Thank you!! that was it..

0 Karma

acharlieh
Influencer

As explained where? Did you intend to include a link?

0 Karma

barakakha
New Member
0 Karma
Get Updates on the Splunk Community!

Splunk Answers Content Calendar, June Edition

Get ready for this week’s post dedicated to Splunk Dashboards! We're celebrating the power of community by ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

See your relevant APM services, dashboards, and alerts in one place with the updated ...

As a Splunk Observability user, you have a lot of data you have to manage, prioritize, and troubleshoot on a ...