Dashboards & Visualizations

Row expansion rendering for Multiple Tables in Single Dashboard

vengat4043
Path Finder

Hi ALL,

We have '3-Panels' containing table like id (table1,table2,table3) which has same Header, while implement the Row Expansion JScript in the dashboard, we are only getting the result in 1st Panel.

vengat4043_0-1617269027419.png

Below is the JavaScript we are using,

require([
'splunkjs/mvc/tableview',
'splunkjs/mvc/chartview',
'splunkjs/mvc/searchmanager',
'splunkjs/mvc',
'underscore',
'splunkjs/mvc/simplexml/ready!'],function(
TableView,
ChartView,
SearchManager,
mvc,
_
){
var EventSearchBasedRowExpansionRenderer = TableView.BaseRowExpansionRenderer.extend({
initialize: function(args) {
// initialize will run once, so we will set up a search and a chart to be reused.
this._searchManager = new SearchManager({
id: 'details-search-manager',
preview: false
});
this._chartView = new TableView({
managerid: 'details-search-manager',
pageSize: "50",
'charting.legend.placement': 'none'
});
},
canRender: function(rowData) {
// Since more than one row expansion renderer can be registered we let each decide if they can handle that
// data
// Here we will always handle it.
return true;
},
render: function($container, rowData) {
// rowData contains information about the row that is expanded. We can see the cells, fields, and values
// We will find the sourcetype cell to use its value
var sourcetypeCell = _(rowData.cells).find(function (cell) {
return cell.field === 'Site';
});
//update the search with the sourcetype that we are interested in
this._searchManager.set({ search: 'index=centralstauts Site=' + sourcetypeCell.value + ' Parameter=Estado Quality=192 | eventstats latest(DateTime) as LastUpdated by Turbine, Quality |stats latest(VALUE) as Status by Turbine, LastUpdated |eval Status =case(Status="100.000" , "Running", Status="75.000" , "Ready", Status="50.000" , "Pause", Status="25.000" , "Stop", Status="0.000" , "Emergency", Status="125.000" , "ManualStop", (Status="150.000") OR (Status="-150.000") , "CommunicationFailure") |table LastUpdated, Turbine, Status',earliest_time: "-3d@d",latest_time: "now", preview: true, cache: true});
// $container is the jquery object where we can put out content.
// In this case we will render our chart and add it to the $container
$container.append(this._chartView.render().el);
}
});
var tableElement = mvc.Components.getInstance("table1");
tableElement.getVisualization(function(tableView) {
// Add custom cell renderer, the table will re-render automatically.
tableView.addRowExpansionRenderer(new EventSearchBasedRowExpansionRenderer());
});
var tableElement = mvc.Components.getInstance("table2");
tableElement.getVisualization(function(tableView) {
// Add custom cell renderer, the table will re-render automatically.
tableView.addRowExpansionRenderer(new EventSearchBasedRowExpansionRenderer());
});
var tableElement = mvc.Components.getInstance("table3");
tableElement.getVisualization(function(tableView) {
// Add custom cell renderer, the table will re-render automatically.
tableView.addRowExpansionRenderer(new EventSearchBasedRowExpansionRenderer());
});
});

 

Labels (1)
Tags (1)
0 Karma
1 Solution

vengat4043
Path Finder
0 Karma

vengat4043
Path Finder
0 Karma

vengat4043
Path Finder

Hi all,

I am eagerly waiting for the solution but no one. Is it possible or not? please let me know

 

0 Karma

vengat4043
Path Finder

Anyone please help me on this?

 

0 Karma
Take the 2021 Splunk Career Survey

Help us learn about how Splunk has
impacted your career by taking the 2021 Splunk Career Survey.

Earn $50 in Amazon cash!