search

Flyer53 / jsPanel3

A jQuery Plugin to create highly configurable floating panels, modals, tooltips, hints/notifiers or contextmenus for use in a backend solution and other web applications.
http://v3.jspanel.de/
Other
89 stars 21 forks source link

JsPannel for Vue JS? #48

Closed thearabbit closed 6 years ago

thearabbit commented 7 years ago

JsPannel for Vue JS?

Flyer53 commented 7 years ago

Short answer ... No Long answer: jsPanel is a one man show. I'm not a professional programer and I do all this in my spare time. Furthermore there are quite a few javascript frameworks out there. Angular, React, Vue, Meteor ... just to name a few. Neither do I have the time nor the expertise to make a specific jsPanel version for those frameworks ... which I didn't use myself so far. But anyone who has the knowledge and feels inclined to adapt jsPanel to a specific framework is welcome to do so. Btw: The next major jsPanel version will be pure javascript without dependencies (not even jQuery). Therefore it should work with all of those frameworks. Regards, Stefan

thearabbit commented 7 years ago

Very thanks, I will try

RobertoMalatesta commented 7 years ago

BTW: I did some loose tests integrating it with Angular 2/4/5 and OpenUI5 and it worked fine.

Flyer53 commented 7 years ago

@RobertoMalatesta Very good to hear :smile: Didn't hear of OpenUI5 so far ... will take a look.

RobertoMalatesta commented 7 years ago

@Flyer53

Didn't hear of OpenUI5 so far ... will take a look.

Honk me if you need some advice on it. It's a valid alternative to Angular4 for enterprise apps (more stable, not so nicely documented). I currently use both on different projects and I'm planning to create a series of examples on using UI5 programmatically with Typescript. Here's an example I sketched up in Visual Studio Code to introduce it to Java developers (oxymoron). http://exedraos.com/esempio/progettoBaseUI5ConTypescript/

It's relly minimal (sorry it had to be in Italian); click on demo.html to see the page running.

On my next private projects I'm currently inclined to avoid frameworks: today we have CSS FlexBox and Typescript, and once you have popup panels, a calendar and a few other components you can write a classical OO app in TS without the burden of a framework.

Ciao!,

-- R

thearabbit commented 7 years ago

I tried, but I don't understand how to pass Vue Component to JsPanel Content Example Please help me.

Flyer53 commented 7 years ago

@thearabbit Within the code creating the jsPanel of the example you linked to above replace the line

content: Child,

with

content: Child.template,

and the content shows up. But since I don't have any knowledge about Vue.js I don't know whether this is the proper fix for your problem.

thearabbit commented 7 years ago

after update Example, it works fine. But have a problem when the second click to show it doesn't have JsPanel Content? 1- First show image 2- Second show image

Flyer53 commented 7 years ago

To me it seems like the same issue as before. Replace

content: $('.jspanel'),

with

content: PanelCom.template,

and it works with every click. But again, I'm not familiar with Vue.js. So it might be a good idea to get help from someone who is.

thearabbit commented 7 years ago

When I call content: PanelCom.template directly, I don't know how to pass props data, emit event... to this component?

Flyer53 commented 7 years ago

Looks like you now need help from somebody having a good understanding of Vue.js. Sorry that I can't be of help here :(