jQuery Grid Plugin - jqGrid - Topic: Using jqGrid with Masterpages http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages Simple:Press Version 5.7.5.3 sara.rodriguez@cascade-earth.com on Using jqGrid with Masterpages http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27912 Help http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27912 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! 

]]> Thu, 13 Dec 2012 02:41:56 +0200 sara.rodriguez@cascade-earth.com on Using jqGrid with Masterpages http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27908 Help http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27908 I throught I had everything loaded.  I will re-check and let you know. 

]]> Wed, 12 Dec 2012 17:40:17 +0200 tony on Using jqGrid with Masterpages http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27901 Help http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27901 Hello Sara,

You maybe will need to publish your problem here

The error you have tell me that you do not have included the jQuery lib or the path to the lib is not correct.

Please follow these instructions in order to get idea what to do.

Also please visit the documentation pager here

Thank you

Best Regards

Tony

]]> Wed, 12 Dec 2012 13:22:52 +0200 sara.rodriguez@cascade-earth.com on Using jqGrid with Masterpages http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27896 Help http://www.trirand.com/blog/?page_id=393/help/using-jqgrid-with-masterpages#p27896 Hi, I am new to jqGrid and have been able to setup a jqGrid that is what I am wanting in a blank webpage in Visual Studio.  When I move that working jqGrid into my website where I am using a masterpage, I get the following error:

Microsoft JScript runtime errror: 'jQuery' is undefined

Any assistance would be greatly appreciated.

Thanks

]]> Wed, 12 Dec 2012 08:06:43 +0200