Thanks Pita. I will try other options.

Yes Pita .. I have just checked it. I am looking for the Font Awesome JS files that supports the latest jqGrid version.

How can I explicitly load these font files.. can I use the staticDirs property? If yes, can anybody write an example for the same? Thanks

What shall I do now? Pl. give an idea.

But I am not using the glyphicons explicitly. The third party jqGrid library that I have been using in my plugin is referring to those icons somewhere in its code instead.

In the browser I encounter these errors:

GET http://localhost:4567/fonts/glyphicons-halflings-regular.woff2 net::ERR_ABORTED

GET http://localhost:4567/fonts/glyphicons-halflings-regular.woff net::ERR_ABORTED

GET http://localhost:4567/fonts/glyphicons-halflings-regular.ttf net::ERR_ABORTED

And therefore the NodeBB does not show up the appropriate Paging, Sorting etc. icons properly.. only the weird square boxes are displayed in my custom plugin HTML page.

How can I overcome this error?

In the browser's network tab, it reports the 404 (not found) error.

Finally resolved it ...
You should use $('#grid').jqGrid({}); ... with capital 'G' instead

Could anybody help me resolve this ?

Ok thanks

Hi @PitaJ Any success?

No success buddy. The error is still there.

Hi @PitaJ

The code for these files is minified and we can assume that it must be the correct code.

Secondly, I can see the code for all these files except the jquery.js. For jquery, it reports "Nothing to preview". Does this mean that the browser is unable to read the global jquery code that is fed by the NodeBB itself?

Finally, how can we ensure that the order of loading of these code files is what we dictated?

Thank you.

I removed the dot from jqgrid.locale.js and renamed it to jqgridlocale.js in the modules

"modules": {
   "jqgridlocale.js": "static/lib/jqgrid/js/trirand/i18n/grid.locale-en.js",
},

Now the 'modules' are in sync with the 'shim' properties and their dependencies.

and the jqgridlocale.js file is also loaded now but still the same error.

Notice there is "Nothing to Preview" for jqgridlocale.

Pl. have a look at the attached screenshot. This output is there for the following shim. I don't think they are loaded in the correct order.

shim: {
	jquery: {
		exports: '$'
	},
	jqueryui: {
		deps: ["jquery"]
	},
	jqgridlocale: {
		deps: ['jqueryui']
	},
	jqgrid: {
		deps: ['jqueryui','jqgridlocale']
	}
}

I omitted it but still not working.

plugin.json

"modules": {
	"jquery.geocomplete.js": "static/lib/geocomplete/jquery.geocomplete.min.js",
	"jqueryui.js": "static/lib/jqgrid/js/jquery-ui.min.js",
	"jqgrid.locale.js": "static/lib/jqgrid/js/trirand/i18n/grid.locale-en.js",
	"jqgrid.js": "static/lib/jqgrid/js/trirand/src/jquery.jqGrid.js"
},
"less": [
	"mydetails.less"
],
"css": [
	"static/lib/jqgrid/css/trirand/ui.jqgrid-bootstrap.css"
],
"scripts": [
	"mydetails.js"
],

mydetails.js

requirejs.config({
	waitSeconds: 30,
	paths: {
		jqueryui: "assets/src/modules/jqueryui",
		jqgridlocale: "assets/src/modules/jqgrid.locale",
		jqgrid: "assets/src/modules/jqgrid"
	},
	shim: {
		jquery: {
			exports: '$'
		},
		jqueryui: {
			deps: ["jquery"]
		},
		jqgridlocale: {
			deps: ['jqueryui']
		},
		jqgrid: {
			deps: ['jqueryui','jqgridlocale']
		}
	}
});

requirejs(["jquery.geocomplete", "jqgrid"], function(geocomplete, jqgrid) {
    $("#details-grid").jqgrid({ 
      ... 

It exists in nodebb/build/public/src/modules and not in nodebb/build/public/assets/src/modules There is no folder by the name assets.

My another third-party module (geocomplete which is working) resides in the same folder as jqgrid, jqquery-ui etc. i.e. nodebb/build/public/assets/src/modules

@PitaJ Hi

Just tried this but same error: Uncaught TypeError: $(...).jqgrid is not a function

Note that the 'jqgrid.locale' key/property is a string while other properties are not. Why so?

I think an element of the deps array should be a property of the 'path' object.

Any other solution?

Thank you for helping me out.

@PitaJ
The problem is that jqgrid should be loaded only after the jqueryui and jqgrid.locale are loaded. This thing is stated here: https://stackoverflow.com/questions/15728329/requirejs-jquery-multiple-dependent-non-module-jquery-plugins-like-jquery-ui-and

If we go with this and a few other solutions, we need to configure the paths and shim objects of requirejs.

So far I have not been successful in accessing the jqgrid from NodeBB. What do you suggest? Could you pl. try it locally and find out the answer? Can you suggest any other alternative?

Thanks