jQuery Grid Plugin - jqGrid

Tony -

Ok.  So, I have the jqGrid working with the MasterPage as long as the webpage that uses the MasterPage are in the same location in my website file structure.  The problem I have is when I put the jqGrid onto a webpage that is in a subfolder and uses the same MasterPage - then I get the "Microsoft JScript runtime errror: 'jQuery' is undefined error".

Website file structure:

• App_Data folder
• App_Themes folder - this has my css files
• Bin folder - this has the Trirand.Web.dll file
• Scripts folder - this has the js files
• Users - the folders/webpages in this folder require a login to access, while the ones outside of this folder are considered "public" webpages
  • 1000_Manager
    • Database.aspx - jqGrid won't work on this page
• Default.aspx - jqGrid works on this page
• MasterPage.master

The css file works ok with a relative href so that it can apply in pages in side the folder structure:

<

link type="text/css" rel="stylesheet" href="~/App_Themes/jqGrid/ui.jqgrid.css" />

The js files, will not work at all if I use the "~/" to make the relateive file location:

<script type="text/javascript" src="Scripts/trirand/i18n/grid.locale-en.js"></script>

<script type="text/javascript" src="Scripts/trirand/jquery.jqGrid.min.js"></script>

As I was typing this I asked myself, will I have any jqGrids in my "public" webpages or will they only be on the ones where a login is required.  I don't forsee any jqGrids on the "public" pages.  With that said, I just tested adding "../../" to the src's of the js files and... the jqGrids worked.

<script type="text/javascript" src="../../Scripts/trirand/i18n/grid.locale-en.js"></script>

<script type="text/javascript" src="../../Scripts/trirand/jquery.jqGrid.min.js"></script>

Thanks for letting me "talk" this through.  It is surprising how things become clear when trying to explain the problem you are having!