Guriddo » Topic: jqGrid inside WordPress

jqGrid inside WordPress

Guriddo
jqGrid inside WordPress

This topic has 6 replies, 2 voices, and was last updated 16 years, 4 months ago by Luigino.

Creator

Topic
October 24, 2008 at 5:40 pm #72256

Luigino
Participant

Hello everyone….

I'm trying to use jqGrid while implementing a new personal plugin for wordpress blog so I put the whole folder jgGrid unzipped then in the .php where there's the main plugin's page I put:
Creator

Topic

Viewing 6 replies - 1 through 6 (of 6 total)

Author

Replies
October 25, 2008 at 6:51 am #83950

tony
Keymaster

Hello,

Be a sure that you load all the needed js files including base.grid.js

Regards

Tony

October 25, 2008 at 3:35 pm #83959

Luigino
Participant

In fact I have this jquery.jqGrid.js which as the function jqGridInclude() settled as follow:

function jqGridInclude()
{

October 25, 2008 at 4:54 pm #83960

Luigino
Participant

Precisely I would say I put jqGrid inside a directory of WordPress's plugin I'm creating…. in the main .php of the plugin I put this:

<script src="/wp-content/plugins/toscanoviaggi/jqGrid/jquery.js” type=”text/javascript”>

<script src="/wp-content/plugins/toscanoviaggi/jqGrid/jquery.jqGrid.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/jquery.splitter.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/jquery.jqTree.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/jquery.jqDynTabs.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/ui.datepicker.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/jquery.jqGrid.js” type=”text/javascript”>
<script src="/wp-content/plugins/toscanoviaggi/jqGrid/js/styleswitch.js” type=”text/javascript”>

var gridimgpath = '/wp-content/plugins/toscanoviaggi/jqGrid/themes/basic/images';
jQuery(document).ready(function(){

October 29, 2008 at 2:29 am #83992

tony
Keymaster

Hello,

Open the jquery.jqgrid.js (where the loader is) and ajust the

paths to javascript files. Note that when you include the loader the

paths need to be ajusted relative to the directory from where

the loader is.

October 29, 2008 at 4:34 am #84012

Luigino
Participant

tony said:

Hello,

Open the jquery.jqgrid.js (where the loader is) and ajust the

paths to javascript files. Note that when you include the loader the

paths need to be ajusted relative to the directory from where

the loader is.

Hello again tony,

I put the jquery.jqgrid.js in the js directory with all the other .js files, then I adjusted the row you said as:

var pathtojsfiles = “”; <— since it is in the same directory or shall I have to put the complete URL like http://localhost/toscanoviaggi/wp-content/plugins/toscanoviaggi/js/?

then I made to load first the .js and then to call the init function with an HTML source code like as follow but it keeps returning me an error like “jQuery(“#list”).jqGrid is not a function”, why?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml“

October 29, 2008 at 8:45 am #84018

Luigino
Participant

Figured out!!! YAY! Had to put complete url in the variable pathtojsfiles… I mean a path like http://……………../js/ then it worked! 🙂

thanks again! 🙂

Ciao,

Luigi
Author

Replies