topic Re: HTML Dashboard: How to use Javascript to change text input? in Dashboards & Visualizations

HTML Dashboard: How to use Javascript to change text input?

benjaminlin1019 — Tue, 17 Jun 2014 06:44:02 GMT

I have trouble in using JS to change my text input from a comma list to convert search to a list of " OR ...OR" statement.
So if my input text is "1,2,3,4", then my query after converting should look like: sourcetype=mydata id=1 OR id=2 OR id=3 OR id=4 | .....;
However, when I inspect the query in search box, it is showing:
sourcetype=mydata id=1,2,3,4. Does anyone has anyidea? Following is my code
var ids = new String("$myTextValue$");
ids = ids.replace( " ","" );
ids = ids.split( "," );

    var ids_str = [];
    for( var i = 0; i < ids.length; i++ )
    {
      ids_str.push( "id=" + ids[i] );
    }

    var newComputedValue = ids_str.join( " OR " );

    var search1qry = "sourcetype=mydata " + newComputedValue ;

    var search1 = new SearchManager({
        "id": "search1",
        "earliest_time": "$earliest$",
        "cancelOnUnload": true,
        "search": search1qry,
        "status_buckets": 0,
        "latest_time": "$latest$",
        "app": utils.getCurrentApp(),
        "auto_cancel": 90,
        "preview": true
    }, {tokens: true, tokenNamespace: "submitted"});

Re: HTML Dashboard: How to use Javascript to change text input?

paulstark — Tue, 17 Nov 2015 02:31:23 GMT

have you solved this issue? i and trying to do the same thing. thanks in advance!

Re: HTML Dashboard: How to use Javascript to change text input?

piUek — Tue, 17 Nov 2015 08:36:46 GMT

The problem with this code is in this part:

var ids = new String("$myTextValue$");

When i do :
var ids = new String("1,2,3,4");
then i get an object which is not string. It's because I'm doing a string object out of a string object which is wrong approach - http://stackoverflow.com/questions/5750656/whats-the-point-of-new-stringx-in-javascript for reference.

So instead of doing this try just:
var ids = $myTextValue$;

Re: HTML Dashboard: How to use Javascript to change text input?

gdiogo — Tue, 17 Oct 2017 09:09:44 GMT

In this context,I don't see the point of using javascript...
Indeed I guess you could transform the token value simply from you Simple XML dashboard code !
You just need to add :
replace("$myTextValue$", ",", " OR ") inside your input ...

However maybe I didn't get your context properly ...