Dashboards & Visualizations

Calling Js from Anchor <a> tag in splunk

AlokPanday
Loves-to-Learn Lots

Hi,

I need to call Js from <a> achor tag can someone please help.

 

<div id="showMoreRecords" align="right">
<a>Show More Records</a>
</div>

 

 

JS file code:

require([
'underscore',
'backbone',
'../app/monitorPro/components/ModalView',
'splunkjs/mvc',
'splunkjs/mvc/searchmanager',
'splunkjs/mvc/simplexml/ready!'
], function(_, Backbone, ModalView, mvc, SearchManager) {


var order = mvc.Components.get("showMoreRecords"); // getting error here
var tokens = mvc.Components.getInstance("submitted");
var poNumber = tokens.get("PONumber_ord");


var detailSearch = new SearchManager({
id: "detailSearch",
earliest_time: "0",
latest_time: "",
preview: true,
cache: false,
search: 'index=testIndex source="testsource" PONumber=$PONumber_ord$ |table PONumber,CustomerName,RequestDate,shipperTimestamp'
}, {tokens: true, tokenNamespace: "submitted"});

order.on("click", function(e) {
e.preventDefault();

var modal = new ModalView({ title: poNumber, search: detailSearch });
modal.show();


});

});

Labels (1)
0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

@AlokPanday 

Update your code like this.

<div align="right">
<a id="showMoreRecords">Show More Records</a>
</div>

 

require([
    'underscore',
    'backbone',
    '../app/monitorPro/components/ModalView',
    'splunkjs/mvc',
    'splunkjs/mvc/searchmanager',
    'splunkjs/mvc/simplexml/ready!'
], function(_, Backbone, ModalView, mvc, SearchManager) {


    // var order = mvc.Components.get("showMoreRecords"); // getting error here
    var tokens = mvc.Components.getInstance("submitted");
    var poNumber = tokens.get("PONumber_ord");


    var detailSearch = new SearchManager({
        id: "detailSearch",
        earliest_time: "0",
        latest_time: "",
        preview: true,
        cache: false,
        search: 'index=testIndex source="testsource" PONumber=$PONumber_ord$ |table PONumber,CustomerName,RequestDate,shipperTimestamp'
    }, { tokens: true, tokenNamespace: "submitted" });

    $('#showMoreRecords').on("click", function() {
        e.preventDefault();

        var modal = new ModalView({ title: poNumber, search: detailSearch });
        modal.show();


    });

});

 

I hope this will help you.

Thanks
KV
▄︻̷̿┻̿═━一   😉

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated.

0 Karma

AlokPanday
Loves-to-Learn Lots

 thanks for the help.

Tags (1)
0 Karma
Get Updates on the Splunk Community!

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...

March Community Office Hours Security Series Uncovered!

Hello Splunk Community! In March, Splunk Community Office Hours spotlighted our fabulous Splunk Threat ...

Stay Connected: Your Guide to April Tech Talks, Office Hours, and Webinars!

Take a look below to explore our upcoming Community Office Hours, Tech Talks, and Webinars in April. This post ...