Het ontstaan van jeegoocontext

Het ontstaan van jeegoocontext

Door Erik van den Berg, 26-10-2010 18:00

Het is bijna een jaar geleden dat de eerste versie van planitworks' jquery contextmenu* plugin genaamd "jeegoocontext" uitkwam. Inmiddels is versie 1.3 uitgebracht welke weer een aantal handige toevoegingen en verbeteringen bevat.

MVC framework

De komst van het MVC framework voor ASP.NET zorgde voor een revolutie in de ontwikkeling van webapplicaties. In combinatie met het javascript framework jQuery, hadden we voor ons gevoel nu eindelijk de tools in handen voor het bouwen van webapplicaties die de functionaliteiten van desktop applicaties evenaarden of zelfs overtroffen. Er was echter één probleem, één van onze belangrijkste applicaties, JeeGoo, was gebaseerd op het relatief trage en ondoorzichtelijke webforms framework.

JeeGoo

Het ombouwen van JeeGoo naar het MVC framework zou een behoorlijke investering zijn, maar het voordeel was dat uitbreidingen van JeeGoo in de toekomst veel sneller en makkelijker te realiseren zouden zijn. Omdat de applicatie continu in ontwikkeling blijft, was het duidelijk dat we de knoop door moesten hakken.

En zo geschiedde. JeeGoo werd omgebouwd naar het MVC framework. JeeGoo bevatte echter veel GUI componenten van derden, gebaseerd op het oude webforms framework en door hun gesloten architectuur vrijwel niet aan te passen. De meeste van deze componenten konden gelukkig eenvoudig worden vervangen door zelfgeschreven code of opensource jQuery plugins.

Vervanging van het contextmenu

Een van de belangrijkste componenten in JeeGoo is het contextmenu. In de applicatie worden contextmenu's gebruikt bij het bewerken, toevoegen en verwijderen van pagina's, bestands- en databeheer en meer.

Een zoektocht op het internet leverde een handvol contextmenu's op. Geen enkele van deze menu's voldeed aan de eisen voor een contextmenu in JeeGoo. Het belangrijkste struikelblok was het ontbreken van de ondersteuning voor een meerlaags contextmenu, oftewel een menu met submenu's.

Na een vruchteloze poging om een bestaand menu aan te passen zodat het uit meerdere lagen kon bestaan werd al snel besloten om zelf maar een plugin te schrijven. Dankzij de eenvoud van jQuery was de eerste versie van jeegoocontext binnen enkele dagen een feit.

Omdat we zelf zeer tevreden waren over het resultaat besloten we al snel om het menu als plugin beschikbaar te stellen en te kijken wat andere ontwikkelaars er van vonden. Dit was tevens een goede manier om eventuele bugs uit het menu te halen en nieuwe ideeën op te doen. Het menu werd positief ontvangen en mede dankzij vele suggesties voor verbeteringen groeide het menu na een zestal iteraties uit tot de te downloaden versie 1.3.

* Het menu dat onder de muis cursor verschijnt na een rechtermuisklik. De opties in het menu zijn vaak afhankelijk van de geklikte plek op het scherm.

27-07-2011 10:41 Tran Ba
Can i change from using livequery to live?
30-09-2011 18:30 Ian Stewart
Thank you! I've tried several context menus trying to find one for our www.clinic-europe site redevelopment. This is the only one that does everything we need.
12-10-2011 10:41 slevon
Hi,
I love your Menu!
But do you see a chance to add a option, that opens the submenu only if the user left clicks on the submenu item (Like the old unix systems used to)?

Thank you very much anyway,
slevon
25-12-2011 1:22 Peerless
TYVM you've solved all my prbomels
25-12-2011 2:25 Joan
I'm not eiasly impressed but you've done it with that posting.

Uw commentaar

Blog archief

2010 (3)

Filter

ASP.NET, MVC, jQuery

Contact

Burgemeester Manderslaan 36
4881EJ, ZUNDERT
T. 076 597 77 15
E. info@planitworks.nl >>>