topic Re: Splunk Panel as pop window for drilldown in Dashboards & Visualizations

Splunk Panel as pop window for drilldown

Rukmani_Splunk — Mon, 02 Aug 2021 02:19:48 GMT

I need to have display splunk dashboard as pop window when we click as drilldown.

For example index=_internal |stats count by source, sourcetype

when click on the table it should pop up a panel containing the below search

index_internal |table sourcetype

Re: Splunk Panel as pop window for drilldown

kamlesh_vaghela — Mon, 02 Aug 2021 05:11:22 GMT

@Rukmani_Splunk

Please check the below links for example code for required Solution.

splunk_dashboard_model_view_examples

XML

example_1.xml

app.js

Model View Component

ModalViewComponent.js

Please let me know incase any help you required on this code.

Re: Splunk Panel as pop window for drilldown

Rukmani_Splunk — Sat, 11 Sep 2021 11:47:17 GMT

Hi Thanks for your reply , I am very new to this java script

and i get the belwo error

ncaught Error: Script error for: ../app/splunk_dashboard_model_view_examples/components/ModalViewComponent
http://requirejs.org/docs/errors.html#scripterror
at makeError (eval at module.exports (common.js:134), <anonymous>:166:17)
at HTMLScriptElement.onScriptError (eval at module.exports (common.js:134), <anonymous>:1689:36)

Re: Splunk Panel as pop window for drilldown

kamlesh_vaghela — Mon, 13 Sep 2021 04:57:50 GMT

@Rukmani_Splunk

Can you please share your sample code?

Re: Splunk Panel as pop window for drilldown

Rukmani_Splunk — Fri, 17 Sep 2021 16:38:59 GMT

require([
'underscore',
'".Modal.js"',
'splunkjs/mvc',
'splunkjs/mvc/searchmanager',
'splunkjs/mvc/simplexml/ready!'
], function(_, ModalViewComponent, mvc, SearchManager) {
var tableElement = mvc.Components.getInstance("tbl_1");
tableElement.on("click", function(e) {
console.log(e.data);
console.log(e.data['row.sourcetype']);
var modal = new ModalViewComponent({
title: "Demo Table View",
id: "tb1_1",
search: new SearchManager({
earliest_time: "-15m",
latest_time: "now",
preview: false,
cache: false,p
search: 'index=_internal sourcetype="' + e.data['row.sourcetype'] + '" | stats count by source'
}, { tokens: true, tokenNamespace: "submitted" }),
display_component: {
viz_model: require('splunkjs/mvc/tableview'),
viz_options: {
pageSize: '10',
data: "events",
drilldown: "row",
},
drilldown: (e) => {
console.log(e);
}
}
});
modal.show();
});
});