wiki how_to_install - jqGrid Wiki.htm

/StockScanner.Website/jQueryUI/wiki how_to_install - jqGrid Wiki.htm

https://github.com/sergeyb12345/test_scanner
HTML | 557 lines | 491 code | 51 blank | 15 comment | 0 complexity | d0eaf12e5eca8c9643dc0da10c7f326d MD5 | raw file
Possible License(s): Apache-2.0, GPL-2.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0065)http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
				
		<meta name="generator" content="DokuWiki Release 2009-02-14b">
<meta name="robots" content="index,follow">
<meta name="date" content="2010-10-07T19:57:57+0300">
<meta name="keywords" content="wiki,how_to_install">
<link rel="search" type="application/opensearchdescription+xml" href="http://www.trirand.com/jqgridwiki/lib/exe/opensearch.php" title="jqGrid Wiki">
<link rel="start" href="http://www.trirand.com/jqgridwiki/">
<link rel="contents" href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&do=index" title="Index">
<link rel="alternate" type="application/rss+xml" title="Recent Changes" href="http://www.trirand.com/jqgridwiki/feed.php">
<link rel="alternate" type="application/rss+xml" title="Current Namespace" href="http://www.trirand.com/jqgridwiki/feed.php?mode=list&ns=wiki">
<link rel="alternate" type="text/html" title="Plain HTML" href="http://www.trirand.com/jqgridwiki/doku.php?do=export_xhtml&id=wiki:how_to_install">
<link rel="alternate" type="text/plain" title="Wiki Markup" href="http://www.trirand.com/jqgridwiki/doku.php?do=export_raw&id=wiki:how_to_install">
<link rel="stylesheet" media="all" type="text/css" href="./wiki how_to_install - jqGrid Wiki_files/css.php">
<link rel="stylesheet" media="screen" type="text/css" href="./wiki how_to_install - jqGrid Wiki_files/css(1).php">
<link rel="stylesheet" media="print" type="text/css" href="./wiki how_to_install - jqGrid Wiki_files/css(2).php">
<script type="text/javascript" charset="utf-8" src="./wiki how_to_install - jqGrid Wiki_files/edit.js"></script>
<script type="text/javascript" charset="utf-8" src="./wiki how_to_install - jqGrid Wiki_files/js.php"></script>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
NS = "wiki";var toolbar = [{"type":"format","title":"Bold Text","icon":"bold.png","key":"b","open":"**","close":"**"},{"type":"format","title":"Italic Text","icon":"italic.png","key":"i","open":"\/\/","close":"\/\/"},{"type":"format","title":"Underlined Text","icon":"underline.png","key":"u","open":"__","close":"__"},{"type":"format","title":"Code Text","icon":"mono.png","key":"c","open":"''","close":"''"},{"type":"format","title":"Strike-through Text","icon":"strike.png","key":"d","open":"<del>","close":"<\/del>"},{"type":"format","title":"Internal Link","icon":"link.png","key":"l","open":"[[","close":"]]"},{"type":"format","title":"External Link","icon":"linkextern.png","open":"[[","close":"]]","sample":"http:\/\/example.com|External Link"},{"type":"format","title":"Ordered List Item","icon":"ol.png","open":"  - ","close":"\\n"},{"type":"format","title":"Unordered List Item","icon":"ul.png","open":"  * ","close":"\\n"},{"type":"insert","title":"Horizontal Rule","icon":"hr.png","insert":"\\n----\\n"},{"type":"picker","title":"Smileys","icon":"smiley.png","list":{"8-)":"icon_cool.gif","8-O":"icon_eek.gif","8-o":"icon_eek.gif",":-(":"icon_sad.gif",":-)":"icon_smile.gif","=)":"icon_smile2.gif",":-\/":"icon_doubt.gif",":-\\":"icon_doubt2.gif",":-?":"icon_confused.gif",":-D":"icon_biggrin.gif",":-P":"icon_razz.gif",":-o":"icon_surprised.gif",":-O":"icon_surprised.gif",":-x":"icon_silenced.gif",":-X":"icon_silenced.gif",":-|":"icon_neutral.gif",";-)":"icon_wink.gif","^_^":"icon_fun.gif",":?:":"icon_question.gif",":!:":"icon_exclaim.gif","LOL":"icon_lol.gif","FIXME":"fixme.gif","DELETEME":"delete.gif"},"icobase":"smileys"},{"type":"picker","title":"Special Chars","icon":"chars.png","list":["\u00c0","\u00e0","\u00c1","\u00e1","\u00c2","\u00e2","\u00c3","\u00e3","\u00c4","\u00e4","\u01cd","\u01ce","\u0102","\u0103","\u00c5","\u00e5","\u0100","\u0101","\u0104","\u0105","\u00c6","\u00e6","\u0106","\u0107","\u00c7","\u00e7","\u010c","\u010d","\u0108","\u0109","\u010a","\u010b","\u00d0","\u0111","\u00f0","\u010e","\u010f","\u00c8","\u00e8","\u00c9","\u00e9","\u00ca","\u00ea","\u00cb","\u00eb","\u011a","\u011b","\u0112","\u0113","\u0116","\u0117","\u0118","\u0119","\u0122","\u0123","\u011c","\u011d","\u011e","\u011f","\u0120","\u0121","\u0124","\u0125","\u00cc","\u00ec","\u00cd","\u00ed","\u00ce","\u00ee","\u00cf","\u00ef","\u01cf","\u01d0","\u012a","\u012b","\u0130","\u0131","\u012e","\u012f","\u0134","\u0135","\u0136","\u0137","\u0139","\u013a","\u013b","\u013c","\u013d","\u013e","\u0141","\u0142","\u013f","\u0140","\u0143","\u0144","\u00d1","\u00f1","\u0145","\u0146","\u0147","\u0148","\u00d2","\u00f2","\u00d3","\u00f3","\u00d4","\u00f4","\u00d5","\u00f5","\u00d6","\u00f6","\u01d1","\u01d2","\u014c","\u014d","\u0150","\u0151","\u0152","\u0153","\u00d8","\u00f8","\u0154","\u0155","\u0156","\u0157","\u0158","\u0159","\u015a","\u015b","\u015e","\u015f","\u0160","\u0161","\u015c","\u015d","\u0162","\u0163","\u0164","\u0165","\u00d9","\u00f9","\u00da","\u00fa","\u00db","\u00fb","\u00dc","\u00fc","\u01d3","\u01d4","\u016c","\u016d","\u016a","\u016b","\u016e","\u016f","\u01d6","\u01d8","\u01da","\u01dc","\u0172","\u0173","\u0170","\u0171","\u0174","\u0175","\u00dd","\u00fd","\u0178","\u00ff","\u0176","\u0177","\u0179","\u017a","\u017d","\u017e","\u017b","\u017c","\u00de","\u00fe","\u00df","\u0126","\u0127","\u00bf","\u00a1","\u00a2","\u00a3","\u00a4","\u00a5","\u20ac","\u00a6","\u00a7","\u00aa","\u00ac","\u00af","\u00b0","\u00b1","\u00f7","\u2030","\u00bc","\u00bd","\u00be","\u00b9","\u00b2","\u00b3","\u00b5","\u00b6","\u2020","\u2021","\u00b7","\u2022","\u00ba","\u2200","\u2202","\u2203","\u018f","\u0259","\u2205","\u2207","\u2208","\u2209","\u220b","\u220f","\u2211","\u203e","\u2212","\u2217","\u221a","\u221d","\u221e","\u2220","\u2227","\u2228","\u2229","\u222a","\u222b","\u2234","\u223c","\u2245","\u2248","\u2260","\u2261","\u2264","\u2265","\u2282","\u2283","\u2284","\u2286","\u2287","\u2295","\u2297","\u22a5","\u22c5","\u25ca","\u2118","\u2111","\u211c","\u2135","\u2660","\u2663","\u2665","\u2666","\u03b1","\u03b2","\u0393","\u03b3","\u0394","\u03b4","\u03b5","\u03b6","\u03b7","\u0398","\u03b8","\u03b9","\u03ba","\u039b","\u03bb","\u03bc","\u039e","\u03be","\u03a0","\u03c0","\u03c1","\u03a3","\u03c3","\u03a4","\u03c4","\u03c5","\u03a6","\u03c6","\u03c7","\u03a8","\u03c8","\u03a9","\u03c9","\u2605","\u2606","\u260e","\u261a","\u261b","\u261c","\u261d","\u261e","\u261f","\u2639","\u263a","\u2714","\u2718","\u00d7","\u201e","\u201c","\u201d","\u201a","\u2018","\u2019","\u00ab","\u00bb","\u2039","\u203a","\u2014","\u2013","\u2026","\u2190","\u2191","\u2192","\u2193","\u2194","\u21d0","\u21d1","\u21d2","\u21d3","\u21d4","\u00a9","\u2122","\u00ae","\u2032","\u2033","[","]","{","}","~","(",")","%","\u00a7","$","#","|","@"]}];

//--><!]]></script>
		<title>wiki:how_to_install - jqGrid Wiki</title>
					<link rel="shortcut icon" href="http://www.trirand.com/jqgridwiki/lib/tpl/monobook/user/favicon.ico">
				<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "/jqgridwiki/lib/tpl/monobook/monobook/main.css"; /*]]>*/</style>

		<link rel="stylesheet" type="text/css" media="print" href="./wiki how_to_install - jqGrid Wiki_files/commonPrint.css">
		<link rel="stylesheet" type="text/css" media="print" href="./wiki how_to_install - jqGrid Wiki_files/print.css">

		<script type="text/javascript" src="./wiki how_to_install - jqGrid Wiki_files/wikibits.js"></script>
		<style type="text/css" media="screen,projection">/*<![CDATA[*/
		@import "/jqgridwiki/lib/tpl/monobook/wikipedia/en/Common.css";
		@import "/jqgridwiki/lib/tpl/monobook/wikipedia/en/Monobook.css";
		@import "/jqgridwiki/lib/tpl/monobook/dokuwiki/doku.css";
		@import "/jqgridwiki/lib/tpl/monobook/lang/en/lang.css";
		@import "/jqgridwiki/lib/tpl/monobook/user/Common.css";
		@import "/jqgridwiki/lib/tpl/monobook/user/Monobook.css";
		/*]]>*/</style>
    <!--[if lt IE 5.5000]><style type="text/css">@import "/jqgridwiki/lib/tpl/monobook/monobook/IE50Fixes.css";</style><![endif]-->
    <!--[if IE 5.5000]><style type="text/css">@import "/jqgridwiki/lib/tpl/monobook/monobook/IE55Fixes.css";</style><![endif]-->
    <!--[if IE 6]><style type="text/css">@import "/jqgridwiki/lib/tpl/monobook/monobook/IE60Fixes.css";</style><![endif]-->
    <!--[if IE 7]><style type="text/css">@import "/jqgridwiki/lib/tpl/monobook/monobook/IE70Fixes.css";</style><![endif]-->
    <!--[if lt IE 7]><script type="text/javascript" src="/jqgridwiki/lib/tpl/monobook/common/IEFixes.js"></script>

    <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
	</head>
	<body class="mediawiki ns-1 ltr">
		<div id="globalWrapper">
			<div id="column-content">
				<div id="content">
					<a name="top" id="top"></a>
					<div id="siteNotice"></div>					<div id="bodyContent">
						<div class="dokuwiki">
							<!-- start content -->
							
														<div id="qsearch__out" class="ajax_qsearch JSpopup" style="display: none; "></div>
<!-- TOC START -->
<div class="toc">
<div class="tocheader toctoggle" id="toc__header" style="cursor: pointer; "><span id="toc__toggle" class="toc_close" style="cursor: pointer; "><span>−</span></span>Table of Contents</div>
<div id="toc__inside">

<ul class="toc">
<li class="level1"><div class="li"><span class="li"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install#how_to_install" class="toc">How to Install</a></span></div>
<ul class="toc">
<li class="level2"><div class="li"><span class="li"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install#basic_installation" class="toc">Basic Installation</a></span></div></li>
<li class="level2"><div class="li"><span class="li"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install#development_installation" class="toc">Development Installation</a></span></div></li>
</ul>
</li>
<li class="level1"><div class="li"><span class="li"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install#discussion__section" class="toc">Discussion</a></span></div></li></ul>
</div>
</div>
<!-- TOC END -->



<h1><a name="how_to_install" id="how_to_install">How to Install</a></h1>
<div class="level1">

<p>

Installation of jqGrid is just a matter of copying the files and folders to your web server or development directory.
Once you've downloaded the <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:download" class="wikilink1" title="wiki:download">needed packages</a>, you can continue with the installation. 
</p>

<p>
If you're a normal user of jqGrid, you should complete the Basic Installation below, which installs all the files needed to use jqGrid.
</p>

<p>
If you want access to the jqGrid source code to find bugs and make improvements, complete the Basic Installation first, and then perform the additional steps in the Development Installation section below.
</p>

</div>

<h2><a name="basic_installation" id="basic_installation">Basic Installation</a></h2>
<div class="level2">

<p>

Step 1: Unpack the jqGrid and UI Theme zip files to a temporary folder.
</p>

<p>
Step 2: Create a directory on your web server to hold the jqGrid files and folders. For example: 
</p>
<pre class="code html4strict">http://myserver/myproject/</pre>
<p>
 where <em>myproject</em> is the name that you have created.
</p>

<p>
Step 3: Under the myproject folder, create two additional directories named <strong>js</strong> and <strong>css</strong>
</p>

<p>
Step 4: Copy the file ui-jqgrid.css from css directory of the jqGrid package to css directory of the new created directory myproject.
</p>

<p>
</p><p></p><div class="noteimportant"> Important: Be careful you don't accidentally copy the file ui-jqgrid.css from src/css directory of the package
</div><p></p>
<p></p>

<p>
Step 5: Copy all the files and directories from js directory of jqGrid package to the js directory in myproject. 
</p>

<p>
Step 6: Copy all the files and directories from css directory of the UI Theme package to the css directory in myproject. (In the example below, the ui “lightness” theme is used.  If you choose a different theme, you'll have a different folder name).
</p>

<p>
After these six steps, you should have the following file &amp; folder structure:

</p>
<ul>
<li class="level1"><div class="li"> /myproject/css/</div>
<ul>
<li class="level3"><div class="li"> ui.jqgrid.css</div>
</li>
<li class="level3"><div class="li"> /ui-lightness/</div>
<ul>
<li class="level5"><div class="li"> /images/</div>
</li>
<li class="level5"><div class="li"> jquery-ui-1.7.2.custom.css</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="level1"><div class="li"> /myproject/js/</div>
<ul>
<li class="level3"><div class="li"> /i18n/</div>
<ul>
<li class="level5"><div class="li"> grid.locale-bg.js</div>
</li>
<li class="level5"><div class="li"> list of all language files</div>
</li>
<li class="level5"><div class="li"> ….</div>
</li>
</ul>
</li>
<li class="level3"><div class="li"> Changes.txt</div>
</li>
<li class="level3"><div class="li"> jquery-1.4.2.min.js</div>
</li>
<li class="level3"><div class="li"> jquery.jqGrid.min.js</div>
</li>
</ul>
</li>
</ul>

<p>

Using your favorite editor, create a file named myfirstgrid.html and place the following code:
</p>
<pre class="code html4strict"><span class="sc0">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a> xmlns<span class="sy0">=</span><span class="st0">"http://www.w3.org/1999/xhtml"</span> xml:<span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span> <span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/meta.html"><span class="kw2">meta</span></a> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">"Content-Type"</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">"text/html; charset=utf-8"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>My First Grid<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"css/ui-lightness/jquery-ui-1.7.1.custom.css"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"css/ui.jqgrid.css"</span> <span class="sy0">/</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/jquery-1.4.2.min.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/i18n/grid.locale-en.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/jquery.jqGrid.min.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
...
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a>&gt;</span></pre>
<p>
Save this file in myproject directory.
</p>

<p>
Code Explanation: In the code above, the first stylesheet loads the <acronym title="Cascading Style Sheets">CSS</acronym> code for the UI theme selected (“lightness” in this example).  The second stylesheet loads the <acronym title="Cascading Style Sheets">CSS</acronym> settings for jqGrid itself.
</p>

<p>
Below the stylesheets are three javascript files: the first one is JQuery, the second is the jqGrid language localization file, (English, -en in this example), and finally the actual minimized jqGrid file.
</p>

<p>
</p><p></p><div class="noteclassic"> Using DOCTYPE declaration at the beginning of the  page is recommended. Of course you can use another type depending on your needs.
</div><p></p>
<p></p>

<p>
</p><p></p><div class="noteimportant">In your code, it's important that the language locale <acronym title="JavaScript">JS</acronym> file gets loaded before the jqGrid .js file, or else your grid might not work correctly.  If your grid loads data but doesn't have any formatting, it's a good idea to troubleshoot the .js and .css files to make sure you have the right ones, and that they're working correctly.
</div><p></p>
<p></p>

<p>
That's all! You are ready to use jqGrid.
</p>

<p>
Note: There is one additional recommended adjustment:
 
Since the jQuery UI Themes have different font sizes it is a good idea to reduce the font size to make everything uniform.
This can be done by adding a style tag just below the stylesheet file references, as shown below.
</p>

<p>
Your final code will look like this:
</p>
<pre class="code html4strict"><span class="sc0">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a> xmlns<span class="sy0">=</span><span class="st0">"http://www.w3.org/1999/xhtml"</span> xml:<span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span> <span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/meta.html"><span class="kw2">meta</span></a> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">"Content-Type"</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">"text/html; charset=utf-8"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>My First Grid<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"css/ui-lightness/jquery-ui-1.7.1.custom.css"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"css/ui.jqgrid.css"</span> <span class="sy0">/</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/style.html"><span class="kw2">style</span></a>&gt;</span>
html, body {
    margin: 0;
    padding: 0;
    font-size: 75%;
}
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/style.html"><span class="kw2">style</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/jquery-1.4.2.min.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/i18n/grid.locale-en.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/jquery.jqGrid.min.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
&nbsp;
&nbsp;
&nbsp;
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a>&gt;</span></pre>
<p>

Now you are ready to ready to learn <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works" class="wikilink1" title="wiki:how_it_works">how it works.</a>
</p>

</div>

<h2><a name="development_installation" id="development_installation">Development Installation</a></h2>
<div class="level2">

<p>

If you choose the development installation, your version of jqGrid will be using uncompressed source code rather than minimized production code, for easier reading.  Also, the source code is split into a number of different files, one for each jqGrid module.  This also makes it easier to find a particular piece of code.
</p>

<p>
Once you've copied the files and folders as described in the basic installation above, you should copy the jqGrid source files to complete the development installation.
</p>

<p>
Copy the entire src directory from the jqGrid package in js directory to the src directory within your project folder.
After doing so, your structure should look like this:

</p>
<ul>
<li class="level1"><div class="li"> /myproject/css/</div>
<ul>
<li class="level3"><div class="li"> ui-jqgrid.css</div>
</li>
<li class="level3"><div class="li"> /ui-lightness/</div>
<ul>
<li class="level5"><div class="li"> /images/</div>
</li>
<li class="level5"><div class="li"> jquery-ui-1.7.2.custom.css</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="level1"><div class="li"> /myproject/js/</div>
<ul>
<li class="level3"><div class="li"> /src/</div>
<ul>
<li class="level5"><div class="li"> /i18n/</div>
<ul>
<li class="level7"><div class="li"> grid.locale-bg.js</div>
</li>
<li class="level7"><div class="li"> list of all language files</div>
</li>
<li class="level7"><div class="li"> ….</div>
</li>
</ul>
</li>
<li class="level5"><div class="li">/css/</div>
<ul>
<li class="level7"><div class="li"> ui-jqgrid.css</div>
</li>
<li class="level7"><div class="li"> jquery.searchFilter.css</div>
</li>
</ul>
</li>
<li class="level5"><div class="li"> grid.base.js</div>
</li>
<li class="level5"><div class="li"> grid.celledit.js</div>
</li>
<li class="level5"><div class="li"> grid.common.js</div>
</li>
<li class="level5"><div class="li"> grid.custom.js</div>
</li>
<li class="level5"><div class="li"> grid.formedit.js</div>
</li>
<li class="level5"><div class="li"> grid.import.js</div>
</li>
<li class="level5"><div class="li"> grid.inlinedit.js</div>
</li>
<li class="level5"><div class="li"> grid.loader.js</div>
</li>
<li class="level5"><div class="li"> grid.postext.js</div>
</li>
<li class="level5"><div class="li"> grid.setcolumns.js</div>
</li>
<li class="level5"><div class="li"> grid.subgrid.js</div>
</li>
<li class="level5"><div class="li"> grid.tbltogrid.js</div>
</li>
<li class="level5"><div class="li"> grid.treegrid.js</div>
</li>
<li class="level5"><div class="li"> jqDnR.js</div>
</li>
<li class="level5"><div class="li"> jqModal.js</div>
</li>
<li class="level5"><div class="li"> jquery.fmatter.js</div>
</li>
<li class="level5"><div class="li"> jquery.searchFilter.js</div>
</li>
<li class="level5"><div class="li"> json2.js</div>
</li>
<li class="level5"><div class="li"> JsonXml.js</div>
</li>
</ul>
</li>
<li class="level3"><div class="li"> jquery-1.4.2.min.js</div>
</li>
</ul>
</li>
</ul>

<p>
Next, open the grid.loader.js file and change the pathtojsfiles variable to “js/src/”. This will cause your version of jqGrid to use the source code version of the files rather than the minimized production files.
</p>

<p>
The code should look like this:
</p>
<pre class="code javascript"><span class="kw2">function</span> jqGridInclude<span class="br0">(</span><span class="br0">)</span>
<span class="br0">{</span>
    <span class="kw2">var</span> pathtojsfiles <span class="sy0">=</span> <span class="st0">"js/src/"</span>; <span class="co1">// need to be ajusted</span>
    <span class="co1">// set include to false if you do not want some modules to be included</span>
    <span class="kw2">var</span> modules <span class="sy0">=</span> <span class="br0">[</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'i18n/grid.locale-en.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid translation</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.base.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid base</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.common.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid common for editing</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.formedit.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid Form editing</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.inlinedit.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid inline editing</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.celledit.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">// jqGrid cell editing</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.subgrid.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid subgrid</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.treegrid.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid treegrid</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.custom.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid custom </span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.postext.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid postext</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.tbltogrid.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid table to grid </span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.setcolumns.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid setcolumns</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'grid.import.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid import</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'jquery.fmatter.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//jqGrid formater</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'JsonXml.js'</span><span class="br0">}</span><span class="sy0">,</span> <span class="co1">//xmljson utils</span>
        <span class="br0">{</span> include<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span> incfile<span class="sy0">:</span><span class="st0">'jquery.searchFilter.js'</span><span class="br0">}</span> <span class="co1">// search Plugin</span>
    <span class="br0">]</span>;
    <span class="kw2">var</span> filename;
    <span class="kw1">for</span><span class="br0">(</span><span class="kw2">var</span> i<span class="sy0">=</span>0;i<span class="sy0">&lt;</span>modules.<span class="me1">length</span>; i<span class="sy0">++</span><span class="br0">)</span>
    <span class="br0">{</span>
        <span class="kw1">if</span><span class="br0">(</span>modules<span class="br0">[</span>i<span class="br0">]</span>.<span class="me1">include</span> <span class="sy0">===</span> <span class="kw2">true</span><span class="br0">)</span> <span class="br0">{</span>
&nbsp;
        	filename <span class="sy0">=</span> pathtojsfiles<span class="sy0">+</span>modules<span class="br0">[</span>i<span class="br0">]</span>.<span class="me1">incfile</span>;
       		<span class="kw1">if</span><span class="br0">(</span>jQuery.<span class="me1">browser</span>.<span class="me1">safari</span><span class="br0">)</span> <span class="br0">{</span>
       			jQuery.<span class="me1">ajax</span><span class="br0">(</span><span class="br0">{</span>url<span class="sy0">:</span>filename<span class="sy0">,</span>dataType<span class="sy0">:</span><span class="st0">'script'</span><span class="sy0">,</span> async<span class="sy0">:</span><span class="kw2">false</span><span class="sy0">,</span> cache<span class="sy0">:</span> <span class="kw2">true</span><span class="br0">}</span><span class="br0">)</span>;
       		<span class="br0">}</span> <span class="kw1">else</span> <span class="br0">{</span>
       			IncludeJavaScript<span class="br0">(</span>filename<span class="br0">)</span>;
       		<span class="br0">}</span>
        <span class="br0">}</span>
    <span class="br0">}</span>
    <span class="kw2">function</span> IncludeJavaScript<span class="br0">(</span>jsFile<span class="br0">)</span>
    <span class="br0">{</span>
        <span class="kw2">var</span> oHead <span class="sy0">=</span> document.<span class="me1">getElementsByTagName</span><span class="br0">(</span><span class="st0">'head'</span><span class="br0">)</span><span class="br0">[</span>0<span class="br0">]</span>;
        <span class="kw2">var</span> oScript <span class="sy0">=</span> document.<span class="me1">createElement</span><span class="br0">(</span><span class="st0">'script'</span><span class="br0">)</span>;
        oScript.<span class="me1">type</span> <span class="sy0">=</span> <span class="st0">'text/javascript'</span>;
        oScript.<span class="me1">charset</span> <span class="sy0">=</span> <span class="st0">'utf-8'</span>;
        oScript.<span class="me1">src</span> <span class="sy0">=</span> jsFile;
        oHead.<span class="me1">appendChild</span><span class="br0">(</span>oScript<span class="br0">)</span>;        
    <span class="br0">}</span>;
<span class="br0">}</span>;
jqGridInclude<span class="br0">(</span><span class="br0">)</span>;</pre>
<p>

Then, in your html file, change the javascript and <acronym title="Cascading Style Sheets">CSS</acronym> file include paths so they match the code below:  
</p>
<pre class="code html4strict"><span class="sc0">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a> xmlns<span class="sy0">=</span><span class="st0">"http://www.w3.org/1999/xhtml"</span> xml:<span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span> <span class="kw3">lang</span><span class="sy0">=</span><span class="st0">"en"</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/meta.html"><span class="kw2">meta</span></a> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">"Content-Type"</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">"text/html; charset=utf-8"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>My First Grid<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"css/ui-lightness/jquery-ui-1.7.1.custom.css"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"js/src/css/ui.jqgrid.css"</span> <span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/link.html"><span class="kw2">link</span></a> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"js/src/css/jquery.searchFilter.css"</span> <span class="sy0">/</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/style.html"><span class="kw2">style</span></a>&gt;</span>
html, body {
    margin: 0;
    padding: 0;
    font-size: 75%;
}
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/style.html"><span class="kw2">style</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/jquery-1.4.2.min.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"js/src/grid.loader.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
<span class="sc2">&lt;<a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
...
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a>&gt;</span></pre>
<p>
That's all! You are ready to debug and improve jqGrid.  Click <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works" class="wikilink1" title="wiki:how_it_works">here</a> to learn how jqGrid works.
</p>

</div>
<div class="comment_wrapper">
  <h2><a name="discussion__section" id="discussion__section">
    Discussion
  </a></h2>
  <div class="level2 hfeed">
  </div>
</div>

<br>
																					<!-- end content -->
							<div class="visualClear"></div>
						</div>
					</div>
				</div>
			</div>

			<div id="column-one">
				<div class="portlet" id="p-logo">
					<a style="background-image: url(/jqgridwiki/lib/tpl/monobook/user/logo.png);" href="http://www.trirand.com/jqgridwiki/" accesskey="h" title="[ALT+H]">
					</a>
				</div>

				<div id="p-cactions" class="portlet"> <h5>Views</h5>   <ul>
<li id="ca-nstab-main" class="selected"><a href="./wiki how_to_install - jqGrid Wiki_files/wiki how_to_install - jqGrid Wiki.htm" accesskey="v" title="[ALT+V]">Special Pages</a></li>
<li id="ca-edit"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&do=edit&rev=0" accesskey="e" title="[ALT+E]">Show pagesource</a></li>
<li id="ca-history"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&do=revisions" accesskey="o" title="[ALT+O]">Old revisions</a></li>
   </ul>
</div><div id="p-x-navigation" class="portlet"> <h5>Navigation</h5><div class="pBody">
<ul>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=start" class="wikilink1" title="start">Introduction</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:features" class="wikilink1" title="wiki:features">Features</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs" class="wikilink1" title="wiki:jqgriddocs">Documentation</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgridexamples" class="wikilink1" title="wiki:jqgridexamples">Examples</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:faq" class="wikilink1" title="wiki:faq">FAQ</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:dokuwiki" class="wikilink1" title="wiki:dokuwiki">Help</a></div>
</li>
<li class="level1"><div class="li"> <a href="http://www.trirand.com/jqgridwiki/doku.php?id=links" class="wikilink1" title="links">links</a></div>
</li>
</ul>
</div></div>
				<div id="p-personal" class="portlet"> <h5>Personal Tools</h5>  <div class="pBody">   <ul>
<li id="pt-login"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&do=login">Login</a></li>
   </ul>
  </div></div>
<div id="p-search" class="portlet">
    <h5>
        <label>Search</label></h5>
    <div class="pBody">
        <form action="http://www.trirand.com/jqgridwiki/doku.php" accept-charset="utf-8" id="dw__search" name="search">
            <input type="hidden" name="do" value="search">
            <input id="qsearch__in" name="id" type="text" accesskey="f" value="">
            <input type="button" class="searchButton" id="searchGoButton" value="Go" onclick="document.location.href=&#39;/jqgridwiki/doku.php?id=&#39; + document.search.qsearch__in.value;">&nbsp;
            <input type="submit" name="fulltext" class="searchButton" value="Search">
        </form>
    </div>
</div>

<iframe src="./wiki how_to_install - jqGrid Wiki_files/adds2.htm" style="margin-left:10px;width:110px;height:190px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"></iframe>;
<div id="p-tb" class="portlet"> <h5>Toolbox</h5>  <div class="pBody">   <ul>
<li id="tb-whatlinkshere"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&do=backlink" rel="nofollow">What links here</a></li>
<li id="tb-upload"><a href="http://www.trirand.com/jqgridwiki/lib/exe/mediamanager.php?ns=wiki" rel="nofollow">Upload file</a></li>
<li id="tb-special"><a href="http://www.trirand.com/jqgridwiki/doku.php?idx=wiki" rel="nofollow">Special Pages</a></li>
<li id="tb-print"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&rev=1286470677&mbdo=print" rel="nofollow">Printable Version</a></li>
<li id="tb-permanent"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&rev=1286470677" rel="nofollow">Permanent link</a></li>
<li id="tb-cite"><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install&rev=1286470677&mbdo=cite" rel="nofollow">Cite this Article</a></li>
   </ul>
  </div></div>			</div>
			<!-- end of the left (by default at least) column -->
			<div class="visualClear"></div>
<iframe src="./wiki how_to_install - jqGrid Wiki_files/adds2.htm" style="margin-left:152px;width:650px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"></iframe>;

<div id="footer">
    <div id="f-poweredbyico">
        <a target="_blank" href="http://wiki.splitbrain.org/wiki:dokuwiki" title="Driven by DokuWiki">
            <img src="./wiki how_to_install - jqGrid Wiki_files/button-dw.png" width="88" height="31" alt="Driven by DokuWiki" border="0"></a></div>
    <div id="f-copyrightico">
        <a target="_blank" href="http://tatewake.com/wiki/projects:monobook_for_dokuwiki" title="Monobook for DokuWiki">
            <img src="./wiki how_to_install - jqGrid Wiki_files/button-mb.png" width="88" height="31" alt="Monobook for DokuWiki" border="0"></a></div>
    <a target="_blank" href="http://www.trirand.com/jqgridwiki/feed.php" title="Recent changes RSS feed">
        <img src="./wiki how_to_install - jqGrid Wiki_files/button-rss.png" width="80" height="15" alt="Recent changes RSS feed" border="0"></a> <a target="_blank" href="http://www.php.net/" title="Powered by PHP">
                <img src="./wiki how_to_install - jqGrid Wiki_files/button-php.gif" width="80" height="15" alt="Powered by PHP" border="0"></a> <a target="_blank" href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0">
                        <img src="./wiki how_to_install - jqGrid Wiki_files/button-xhtml.png" width="80" height="15" alt="Valid XHTML 1.0" border="0"></a> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS">
                                <img src="./wiki how_to_install - jqGrid Wiki_files/button-css.png" width="80" height="15" alt="Valid CSS" border="0"></a>
    <ul id="f-list">
        <li id="lastmod">wiki/how_to_install.txt · Last modified: 2010/10/07 19:57 by stblack<br>
        </li>
        <li id="copyright"></li>
        <li id="usermod"><br>
        </li>
    </ul>
</div>
		</div>
<a href="http://www.trirand.com/jqgridwiki/doku.php?do=recent" accesskey="r" style="visibility:hidden;" rel="nofollow">&nbsp;</a>
		<img src="./wiki how_to_install - jqGrid Wiki_files/indexer.php" width="1" height="1" alt="">	
<script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="./wiki how_to_install - jqGrid Wiki_files/ga.js" type="text/javascript"></script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-5463047-4"); pageTracker._trackPageview(); } catch(err) {}
</script>
</body></html>