Creating jeegoocontext

Creating jeegoocontext

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

It's been almost a year since planitworks released it's jquery contextmenu* plugin "jeegoocontext". In the meantime version 1.3 is released which contains several additions and bugfixes.

MVC framework

The arrival of the ASP.Net MVC framework started a revolution in the development of webapplications. Combined with the javascript jQuery framework, we finally acquired the tools to build webapplications that matched or even surpassed the functionalities of desktop applications. However, there was one problem, one of our main applications, JeeGoo, was built on the relatively slow and obscure webforms framework. 

JeeGoo

The migration of JeeGoo to the MVC framework would be a big investment, with the benefit that future additions to JeeGoo would be much quicker an easier to realise. Because the application is continually being developed, it was clear that we had to proceed.

JeeGoo was migrated to the MVC framework but the application contained a large number of third-party GUI components, based on the obsolete webforms framework, and due to their closed architecture hardly customizable. Luckily, most of these components could be easily replaced by homegrown code or opensource jQuery plugins.

Replacing the contextmenu

One of the most important components in JeeGoo is the contextmenu. Contextmenus are used from things like editing, adding and removing webpages to file and data management and more.

An internet search returned a handful of contextmenus. None of these menus matched the requirements for a contextmenu in JeeGoo. The biggest stumbling block was the absence of support for multilayer contextmenus, i.e. menus containing submenus.

After a fruitless attempt to modify an existing menu to a multilayer menu, we quickly decided to write our own implementation. Thanks to jQuery's ease of use, the first version of jeegoocontext was created in only a few days.

Because we were quite happy with the result, we soon decided to release the menu as a plugin to see if other developers were equally content. This was also a good way to solve possible bugs and obtain ideas for improvements. The menu was well received and thanks to the many suggestions for improvements the menu evolved into the downloadable version 1.3.

* The menu appearing at the mouse cursor after a right-click. The options in the menu are often dependent on the clicked position on the screen.

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.

Your comment

Blog archief

2010 (2)

Filter

ASP.NET, MVC, jQuery

Contact

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