Are you looking for this?
XML:
<dashboard version="1.1" script="dropdown_via_js.js">
<label>Dropdown Via JS</label>
<row>
<panel>
<html>
<div id="mydropdownview"></div>
</html>
</panel>
</row>
</dashboard>
JS:
require([
"splunkjs/mvc/searchmanager",
"splunkjs/mvc/dropdownview",
"splunkjs/mvc/simplexml/ready!"
], function(SearchManager, DropdownView) {
// Use this search to populate the dropdown with index values
let my_search = new SearchManager({
id: "example-search",
search: "index=_internal |stats count by source |table source"
});
// Instantiate components
let my_dropdown = new DropdownView({
id: "example-dropdown",
managerid: "example-search",
labelField: "source",
valueField: "source",
el: $("#mydropdownview")
}).render();
});
I hope this will help you.
Thanks
KV
An upvote would be appreciated if any of my replies help you solve the problem or gain knowledge.
No that's not it. I want my dropdown to be powered by a search but which will be defined in a js.
Something like this?
