Dashboards & Visualizations

Why does updating a token with JavaScript not cause panels dependent on those tokens to refresh?

andrewtrobec
Motivator

Hello,
I am having trouble understanding why a token update via JavaScript does not cause a panel that is dependent on that token to refresh. I have a date input called status_date that is configured to set a token tok_status_date during initialization (with today's date), and when it changes. JS file is as follows:

require([
        'jquery',
        'splunkjs/mvc',
        'splunkjs/mvc/simplexml/ready!'
], function ($, mvc) {

        // initialization
        var tokens = mvc.Components.get("default");
        document.getElementById("status_date").valueAsDate = new Date();
        tokens.set("tok_status_date",document.getElementById("status_date").value);

        $('#status_date').on("change", function (e){
                tokens.set("tok_status_date",document.getElementById("status_date").value);
        });
});

An HTML panel that I have configured will always show the value of tok_status_date, even when I update the value of the input.

<row>
    <panel>
        <html>
            <center><h1>$tok_status_date$</h1></center>
        </html>
    </panel>
</row>

I also have an XML panel whose search is dependent on tok_status_date, but it does not update whenever I change the value of the input:

<query>| makeresults | eval Day = strftime(strptime("$tok_status_date$","%Y-%m-%d"),"%d/%m/%Y") | table Day</query>

Why is this? Am I missing something in the JavaScript file?

Thank you and best regards,

Andrew

1 Solution

andrewtrobec
Motivator

I've managed to solve the problem. I was only working with the "default" tokens when I should have also been using the "submitted" tokens. Here is the script that works:

 require([
         'jquery',
         'splunkjs/mvc',
         'splunkjs/mvc/simplexml/ready!'
 ], function ($, mvc) {

         // initialization
         var def_tok = mvc.Components.get("default");
         var sub_tok = mvc.Components.get("submitted");
         document.getElementById("status_date").valueAsDate = new Date();

         def_tok.set("tok_status_date",document.getElementById("status_date").value);
         sub_tok.set("tok_status_date",document.getElementById("status_date").value);

         $('#status_date').on("change", function (e){
                 def_tok.set("tok_status_date",document.getElementById("status_date").value);
                 sub_tok.set("tok_status_date",document.getElementById("status_date").value);
         });
 });

View solution in original post

andrewtrobec
Motivator

I've managed to solve the problem. I was only working with the "default" tokens when I should have also been using the "submitted" tokens. Here is the script that works:

 require([
         'jquery',
         'splunkjs/mvc',
         'splunkjs/mvc/simplexml/ready!'
 ], function ($, mvc) {

         // initialization
         var def_tok = mvc.Components.get("default");
         var sub_tok = mvc.Components.get("submitted");
         document.getElementById("status_date").valueAsDate = new Date();

         def_tok.set("tok_status_date",document.getElementById("status_date").value);
         sub_tok.set("tok_status_date",document.getElementById("status_date").value);

         $('#status_date').on("change", function (e){
                 def_tok.set("tok_status_date",document.getElementById("status_date").value);
                 sub_tok.set("tok_status_date",document.getElementById("status_date").value);
         });
 });

jmartin_pro
Explorer

Thank you so much! You saved me. I could not find this answer anywhere else.

0 Karma

lbrtntq
Engager

thanks man!

Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Get Agentic with Splunk Lantern: Connect to Cisco Cloud Control, Transform ...

Splunk Lantern is Splunk’s customer success center that provides practical guidance from Splunk experts on key ...

July Community Events: Master ITSI 5.0 & Automate Splunk

Struggling with alert fatigue or feeling like you're spending more time on infrastructure maintenance than ...

New Release of Federated Search: Bringing Splunk Analytics to More of Your Data

Organizations today are generating more data than ever and storing it across cloud object stores, data lakes, ...