topic Re: How to include Javascript file from other Javascript file in Dashboards & Visualizations

How to include Javascript file from other Javascript file?

VatsalJagani — Thu, 02 Mar 2023 17:00:17 GMT

How to include Javascript files from another Javascript file from the local appserver/static folder

The below code somehow does not work:

require([ 'jquery', './myCustomUtils', 'splunkjs/mvc', 'underscore', 'splunkjs/mvc/simplexml/ready!'], function($, myCustomUtils, mvc, _){

Re: How to include Javascript file from other Javascript file

VatsalJagani — Tue, 26 Jul 2022 11:09:54 GMT

Answering my own question so I don't have to spend a huge amount of time that I spent today.

You need to import that file, not from the local folder but instead like this:

require([ 'jquery', '../app/<my_app>/myCustomUtils', 'splunkjs/mvc', 'underscore', 'splunkjs/mvc/simplexml/ready!'], function($, myCustomUtils, mvc, _){

- '../app/<my_app>/myCustomUtils'

I hope this helps others in the future!!! Upvote if it does!!

Re: How to include Javascript file from other Javascript file

VatsalJagani — Thu, 02 Mar 2023 16:55:22 GMT

Notes:
* You need to use define() in the file that is being imported.
* You need to export the classes and functions from the file that is being imported.

Example:
app/my_app/appserver/static/utility.js

define([ "underscore", "jquery" ], function ( _, $ ) { class MyUtility { } return { 'MyUtility': MyUtility } });

app/my_app/appserver/static/main.js

require([ "splunkjs/mvc", "underscore", "jquery", '../app/my_app/utility.js' ], function ( mvc, _, $, CommonUtility ) { CommonUtility.MyUtility(); });