It’s a fantastic jQuery plugin that replicates most of the features that you’ll expect from any windows context menu.

A feature that I noticed was missing was what happens when you right click on the right and bottom edges of the screen. On windows the context menu appears to the left or above your cursor respectively, with the jQuery context menu plugin it appears off screen. Not exactly a big deal but here is the solution:

Open jquery.contextMenu.js  and after

(e.pageX) ? x = e.pageX : x = e.clientX + d.scrollLeft;

(e.pageY) ? y = e.pageY : y = e.clientY + d.scrollTop;

copy and paste in the following

if (y + $(menu).outerHeight() > d.pageYOffset + $(document.body).innerHeight()) {

y = y – $(menu).outerHeight()

}

if (x + $(menu).outerWidth() > d.pageXOffset + $(document.body).innerWidth()) {

x = x – $(menu).outerWidth()

}

And that’s it, you’re done.

In your version you may have an ‘x’ where I have a ‘y’ in bold. It may be worth replacing that. I haven’t investigated it fully but it makes more sense that way.

Related posts:

1. Handling Relative Paths and debug mode with Jquery in ASP.Net Web Forms I had a problem where I wanted to use the...

Related posts brought to you by Yet Another Related Posts Plugin.

Includes support for Linq and object data sources.

Related posts:

1. jQuery Grid Plugin (JqGrid) with ASP.Net Web Forms Get JqGrid here: http://www.trirand.com/blog/ So far I’ve seen two implementations...
2. JqGrid.Net Public Beta Just started using the ASP.Net Web Forms wrapper for JqGrid,...
3. Handling Relative Paths and debug mode with Jquery in ASP.Net Web Forms I had a problem where I wanted to use the...

Related posts brought to you by Yet Another Related Posts Plugin.

So far I’ve seen two implementations of ASP.Net wrapper on JqGrid, one involves a httphandler and the other involves using a web service. Both add extra work onto the gridview/datasource pattern.

Instead I had the JqGrid use a Callback Event Reference (Page.ClientScript.GetCallbackEventReference()) with async (a parameter) set to true, this allowed me to call back directly to the custom asp.net JqGrid control instance and access the DataSource.

This is not ideal, as it passes the view state to the server first but it is the simplest and cleanest going from ASP.Net GridView to JqGrid.

Other useful information

Inherit CompositeDataBoundControl and add the attribute
[PersistenceModeAttribute(PersistenceMode.InnerProperty)]
public DataControlFieldCollection Columns { get; set; }
in order to get
<My:Grid>
<columns>
<asp:BoundField….
working

implement CallbackEventHandler otherwise the Page.ClientScript.GetCallbackEventReference() won’t work.

I’d recommend using Rick Strahl’s ClientScriptProxy for registering your Javascript, it solves the problem of whether the page your control ended up on has a scriptmanager. Find that here: http://www.west-wind.com/weblog/posts/10246.aspx

Here are some pages I found helpful on JqGrid: (if I find any more I’ll add them)

http://www.nshaw.com/2009/01/jqgrid-and-aspnet-web-forms-with-json.html
http://geeks.netindonesia.net/blogs/cipto/archive/2009/04/03/jqgrid.aspx
http://www.codeproject.com/KB/WCF/jqGrid.aspx

Related posts:

1. Handling Relative Paths and debug mode with Jquery in ASP.Net Web Forms I had a problem where I wanted to use the...
2. Can't Register Javascript for Invisible Control I was writing an ASP.Net Dialog Control and I overwrote...

Related posts brought to you by Yet Another Related Posts Plugin.

I found the solution here:

http://damianedwards.wordpress.com/2009/03/28/setting-up-jquery-for-aspnet-web-forms-projects/

It essentially revolves around using the script manager to reference the JS files and using naming conventions so it knows which one to open where.

Edit: Don’t forget to download the hotfix or the -vsdoc won’t work.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.