Hi ,
I have tried with the code but it is asking about the tableID which you are referring..
Please find the updated code. Sorry, I am in learning phase of Javascript coding. Thats why i am asking doubts.
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/tableview',
'splunkjs/mvc/chartview',
'splunkjs/mvc/simplexml/ready!'
], function (_, $, mvc, TableView, ChartView) {
var CustomRenderer = TableView.BaseCellRenderer.extend({
canRender: function(cell) {
return _(['Status','field1','field2']).contains(cell.field);
},
render: function($td, cell) {
var tokens = mvc.Components.get("default");
function displayChart(i, searchId, chartType) {
$('#modalPanel' + i).modal();
var epoch = (new Date).getTime();
var chartItem = new ChartView({
id: "chart" + epoch,
type: chartType,
drilldown: "none",
managerid: searchId,
el: $("#modalChart" + i)
})
chartItem.render();
}
function displayTable(i, searchId) {
$('#modalPanel' + i).modal();
var epoch = (new Date).getTime();
var tableItem = new TableView({
id: "table" + count,
pageSize: "10",
drilldown: "none",
managerid: searchId,
el: $("#modalChart" + i)
})
tableItem.render();
console.log(searchId);
}
function displayModal(i) {
var checkAreaChart = mvc.Components.get("modalAreaChartSearch" + i);
var checkBarChart = mvc.Components.get("modalBarChartSearch" + i);
var checkColumnChart = mvc.Components.get("modalColumnChartSearch" + i);
var checkLineChart = mvc.Components.get("modalLineChartSearch" + i);
var checkTableChart = mvc.Components.get("modalTableChartSearch" + i);
if (typeof (checkAreaChart) !== "undefined") {
displayChart(i, "modalAreaChartSearch" + i, "area");
} else if (typeof (checkBarChart) !== "undefined") {
displayChart(i, "modalBarChartSearch" + i, "bar");
} else if (typeof (checkColumnChart) !== "undefined") {
displayChart(i, "modalColumnChartSearch" + i, "column");
} else if (typeof (checkLineChart) !== "undefined") {
displayChart(i, "modalLineChartSearch" + i, "line");
} else if (typeof (checkTableChart) !== "undefined") {
displayTable(i, "modalTableChartSearch" + i);
} else {
//console.log("i:"+i);
displayTable(i, "modalSearch" + i);
//console.log("clicked");
}
console.log("click");
}
tokens.on("change:modalToken1", function (model, value, options) {
displayModal(1);
});
//tokens.off("change:modalToken1",function(model, value, options){
//});
tokens.on("change:modalToken2", function (model, value, options) {
displayModal(2);
});
tokens.on("change:modalToken3", function (model, value, options) {
displayModal(3);
console.log("clicked");
});
tokens.on("change:modalToken4", function (model, value, options) {
displayModal(4);
});
tokens.on("change:modalToken5", function (model, value, options) {
displayModal(5);
});
tokens.on("change:modalToken6", function (model, value, options) {
displayModal(6);
});
}
});
mvc.Components.get('tableId').getVisualization(function(tableView) {
tableView.addCellRenderer(new CustomRenderer());
});
});
... View more