topic Re: How do you populate dropdown via javascript? in Dashboards & Visualizations

How do you populate dropdown via javascript?

bizsplunk — Mon, 12 Nov 2018 14:08:30 GMT

hi all,

can somebody help with populating a dropdown list via JavaScript? My goal is to pass search results to allow to choose it in dropdown "choices " list.

Thanks in advance.

code is like:

require([
        "splunkjs/mvc",
        "splunkjs/mvc/searchmanager",
        "splunkjs/mvc/dropdownview",
        "splunkjs/mvc/simplexml/ready!"
    ], function(
        mvc,
        SearchManager,
        DropdownView,
    ) {
    var ddsearch = new SearchManager({
            id: "ddsearch2",
            preview: true,
            cache: true,
            search: "| inputlookup earthquakes.csv | table Region | dedup Region | head 6"
        });

        var dropdown1 = new DropdownView({
            id: "dropdown1",
        labelField: "Region",
            valueField: "Region",
            default: "All",
            value: mvc.tokenSafe("$ddtok$"),
            el: $("#dropdown1")
        }).render();
    })

Re: How do you populate dropdown via javascript?

martin_mueller — Mon, 12 Nov 2018 23:20:32 GMT

SimpleXML can do this out of the box, via the graphical editor. If you like you can then inspect the generated JS code.

http://docs.splunk.com/Documentation/Splunk/7.2.1/Viz/FormEditor#Specify_dynamic_options

Re: How do you populate dropdown via javascript?

bizsplunk — Tue, 13 Nov 2018 07:12:28 GMT

Hi,
the problem is that i`m trying to integrate third-part library and i use js stack and i need to do it via javascript. is there any way?

Re: How do you populate dropdown via javascript?

martin_mueller — Tue, 13 Nov 2018 09:47:33 GMT

You can inspect the generated JS code in a SimpleXML dashboard to see how Splunk's doing it.