topic Re: How to reload a single panel with javascript in Dashboards & Visualizations

How to reload a single panel with javascript?

pbalbasm — Thu, 03 Mar 2022 17:16:42 GMT

Hi all,
I'm developing a custom dashboard and it's required that when a button is clicked, the associated panel reloads
(only that panel, not the entire dashboard). Is there a way of doing it through javascript??

Thanks in advance.
Regards

Re: How to reload a single panel with javascript

DavidHourani — Tue, 18 Jun 2019 19:47:01 GMT

Hi @pbalbasm,

There's already a refresh button under every panel in Splunk. Is that what you are trying to recreate ?

Re: How to reload a single panel with javascript

pbalbasm — Wed, 19 Jun 2019 06:36:27 GMT

Yes, it's something similar what I need to do.

Re: How to reload a single panel with javascript

kamlesh_vaghela — Wed, 19 Jun 2019 07:39:23 GMT

@pbalbasm
Can you please try this?

Assign id to your panels search. like id="my_search"
Execute this statement on click of the button. mvc.Components.get("my_search").startSearch();

Thanks

Re: How to reload a single panel with javascript

pbalbasm — Wed, 19 Jun 2019 08:32:42 GMT

Hi, that totally work! Thank you.

Re: How to reload a single panel with javascript

kamlesh_vaghela — Wed, 19 Jun 2019 08:38:24 GMT

Great @pbalbasm. Can you please upvote and accept to close this question?

Re: How to reload a single panel with javascript

afranciiine — Tue, 30 Jul 2019 15:56:33 GMT

It works! Thank you very much!

Re: How to reload a single panel with javascript

AKG1_old1 — Mon, 10 May 2021 18:56:52 GMT

Hi,

I am looking for the same. I am not good at javascript. I have tried below but its not working

require([
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!"
], function(
mvc
) {
mvc.Components.get("my_search").startSearch();
});

Can someone pls help.

Thanks

Re: How to reload a single panel with javascript

sdhiaeddine — Thu, 03 Mar 2022 10:21:46 GMT

Hi @kamlesh_vaghela

Did not work for me ☹️

My code is as below:

$("#submit_button").click(function($){
if(typeof submittedTokens.get("element") === 'undefined'){
mvc.Components.get("panel_id").startSearch();
}
});

Re: How to reload a single panel with javascript

kamlesh_vaghela — Thu, 03 Mar 2022 11:27:17 GMT

@sdhiaeddine

Can you please share your sample code?

Re: How to reload a single panel with javascript

sdhiaeddine — Thu, 03 Mar 2022 13:11:23 GMT

This is the xml part

<form script="script.js" >
<label>App</label>
<row>
<panel>
<html depends="$hide$">
<style>
#submit_button{
width:80px !important;
}
#submit_button div[data-component="splunk-core:/splunkjs/mvc/components/LinkList"]{
width:80px !important;
}
#submit_button button{
padding: 6px 15px !important;
border-radius: 3px !important;
font-weight: 500 !important;
background-color: #5cc05c !important;
border: transparent !important;
color: #fff !important;
}
#submit_button button:hover{
background-color: #40a540 !important;
border-color: transparent !important;
}
</style>
</html>
....
<input type="link" id="submit_button">
<label></label>
<choice value="submit">Submit</choice>
</input>
</panel>
</row>
<row>
<panel id="panel_id">
<table>
<search>
<query>index=*
| stats latest(element) by value</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
</search>
<option name="refresh.display">progressbar</option>
</table>
</panel>
</row>
</form>

Re: How to reload a single panel with javascript

kamlesh_vaghela — Thu, 03 Mar 2022 16:17:31 GMT

@sdhiaeddine

You should define id for search tag Not panel tag.

like..

Re: How to reload a single panel with javascript

sdhiaeddine — Tue, 08 Mar 2022 14:24:44 GMT

@kamlesh_vaghelaThank you, it works now