Join the Conversation
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: How to use token in javascript file
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
How to use token in javascript file
I have a multiselect panel on my dashboard and js file attached to the dashboard as well. How do i pass the token value from the multiselect into the javascript file?
e.g.:
<dashboard script="xyz.js">
<label>xyz</label>
<fieldset submitButton="false">
<input type="multiselect" token="filter.abc" searchWhenChanged="true">
<label>abc</label>
<fieldForLabel>abc</fieldForLabel>
<fieldForValue>abc</fieldForValue>
<search>
<query>index="index" | stats count by abc</query>
<earliest>0</earliest>
<latest></latest>
</search>
<choice value="*">All</choice>
<default>*</default>
</input>
<row>
<panel>
<html>
<div class="bk-root" id="dbdf03be-ce3a-4730-a185-e613c25394f9" data-root-id="1190"/>
</html>
</panel>
</row>
</dashboard>
What do I need to change in the xyz.js so that it would be able to read the $abc$ token?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
First you need to set a ID for your multiselect.
for example -
then you need to define the js like the following.
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/utils',
'splunkjs/mvc/tokenutils',
'splunkjs/mvc/simplexml/ready!'], function(_, $, mvc, utils, TokenUtils){
var tokens = mvc.Components.get('default');
var abcvalue = splunkjs.mvc.Components.getInstance("abcselect"); // default value is getting captured here
if (abcvalue != undefined) {
abcvalue.on("change", function(e){
console.log("abc changed to "+tokens.get("abc")); //on token change the value gets captured into through tokens.get("abc")
define your function here
});
}
});
Also please remember to put the JS file in $SPLUNK_APP$/appserver/static folder
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
First you need to set a ID for your multiselect.
for example -
then you need to define the js like the following.
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/utils',
'splunkjs/mvc/tokenutils',
'splunkjs/mvc/simplexml/ready!'], function(_, $, mvc, utils, TokenUtils){
var tokens = mvc.Components.get('default');
var abcvalue = splunkjs.mvc.Components.getInstance("abcselect"); // default value is getting captured here
if (abcvalue != undefined) {
abcvalue.on("change", function(e){
console.log("abc changed to "+tokens.get("abc")); //on token change the value gets captured into through tokens.get("abc")
define your function here
});
}
});
Also please remember to put the JS file in $SPLUNK_APP$/appserver/static folder
Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!
Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.
How to find the worst searches in your Splunk environment and how to fix them
Share Your Feedback: On Admin Config Service (ACS)!
Build the Future of Agentic AI: Join the Splunk Agentic Ops Hackathon
