topic dropdown via js search splunk in Splunk Search

dropdown via js search splunk

anissabnk — Mon, 08 Jul 2024 15:05:46 GMT

Hello,

I need your help for something.

I want to get a dropdown via using a result from a search with using js.

I want the dropdown to take the search result: index=_internal |stats count by source |table source

Thank you so much

Re: dropdown via js search splunk

bowesmana — Mon, 08 Jul 2024 22:55:28 GMT

I'm not sure I understand the question - where is the JS coming from?

Are you saying you want to create a list of dropdown choices from the result of that search

If so, simply set your input to be

<input type="dropdown" token="your_token" searchWhenChanged="true"> <label>Example Dropdown from search</label> <fieldForLabel>source</fieldForLabel> <fieldForValue>source</fieldForValue> <search> <query>index=_internal |stats count by source</query> <earliest>-24h@h</earliest> <latest>now</latest> </search> </input>

Re: dropdown via js search splunk

anissabnk — Tue, 09 Jul 2024 08:59:42 GMT

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?

Re: dropdown via js search splunk

anissabnk — Tue, 09 Jul 2024 08:44:58 GMT

@kamlesh_vaghela, can you help me please ? 😉

Re: dropdown via js search splunk

kamlesh_vaghela — Wed, 10 Jul 2024 05:04:30 GMT

@anissabnk

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.