How to initialize a plugin through a es6? about jplist-es6 HOT 4 CLOSED

Hi,
Thank you for the feedback, I'm glad that the plugin is useful for you.

1. I've uploaded the lib to npm, it's accessible here: https://www.npmjs.com/package/jplist-es6
2. There is an ES6 jplist version here: https://github.com/1rosehip/jplist-es6/blob/master/dist/1.2.0/jplist-es6.min.js
   Also it's possible to import index.js or jplist.js as entry point in your source files depending on your needs.

from jplist-es6.

Hi! thanks for the help! I connected the plugin as a module. Is it possible to call Jplist through the constructor (as indicated in the picture)?

The following error in the console

from jplist-es6.

There is some required code that should be added before jplist initialization, you may find it in index.js. jPList requires window.jplist.controlTypes that actually just a ES6 Map of controls that you need in your app. In the index.js file above there is a full list of controls, but you may include only controls that you need.

Also index.js contains custom events polyfill for IE 10/11, without it jPList won't work in these browsers.

And the last important thing is binding to jPList APIs:

window.jplist.init = jplist.init.bind(jplist);
window.jplist.refresh = jplist.refresh.bind(jplist);
window.jplist.resetControls = jplist.resetControls.bind(jplist);
window.jplist.resetControl = jplist.resetControl.bind(jplist);

from jplist-es6.

@12evgen
try import "jplist-es6/dist/1.2.0/jplist-es6.min.js";

from jplist-es6.