Calling Js from Anchor <a> tag in splunk

[AlokPanday]

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();


});

});

[kamlesh_vaghela]

@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.

[AlokPanday]

kamlesh_vaghela thanks for the help.