Hi @kamlesh_vaghela, It's based on your example: dashboard: <dashboard version="1.1" script="convert_to_html.js">
<label>HTML from SPL</label>
<search>
<query>
| makeresults
| eval data="<b>Network Map One </b><br></br>|-- Device 1: 10.100.100.4<br></br>|-- Device 2: 10.100.100.250<br></br>|-- Device 3: 10.100.3.42 (Mode: MASTER)<br></br>"
, data1="<b>Network Map Two</b><br></br>|-- Device 1: 10.100.100.4<br></br>|-- Device 2: 10.100.100.250<br></br>|-- Device 3: 10.100.3.42 (Mode: MASTER)<br></br>"
</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
<done>
<set token="tokHTML">$result.data1$</set>
</done>
</search>
<row>
<panel>
<html>
<div id="htmlPanelWithToken">
$tokHTML$
</div>
</html>
</panel>
</row>
</dashboard> jscript: require([
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
],
function ($, mvc,)
{ var mySearch = mvc.Components.get("mySearch");
var mySearchResults = mySearch.data("results");
mySearchResults.on("data", function () {
resultArray = mySearchResults.data().rows; var generateHTMLContent = "";
$("#htmlPanelWithToken").html(generateHTMLContent);
// Iterate Result set
$.each(resultArray, function (index, value)
//{ console.log(index, value)
console.log(index, value[0])
console.log(index, value[1])
console.log(index, value[2])
//Create proper HTML content from result
generateHTMLContent = "<table><tr><td>" + value[1] + "</td><td>" + value[2] + "</td></tr></table>";
// value[1] = data field
// value[2] = data1 field
console.log(generateHTMLContent);
})
$("#htmlPanelWithToken").html(generateHTMLContent);
});
});
... View more