This is an old revision of the document!


jQuery UI Integrations

Since jqGrid is a jQuery plugin it is very natural that in some cases we should not reinvent the wheel.
That is the reason that we have made a decision to do some things in jqGrid using the wonderful jQuery UI library.
Making this we believe that users will be happy.

Requirements and installation

In order to use the stuffs that we have made in jqGrid it is necessary to include additionally the jQuery UI library in the head section of the document. For more information how to download the jQuery UI library visit here
After downloading the jQuery UI your configuration can look like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
 
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
 
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
</head>
<body>
...
</body>
</html>

Where jquery-ui-1.7.2.custom.min.js is the jQuery UI library
In order to overcome some confusions we recommend to download the full version of the UI library. Later in every method we provide information which jQuery UI widget is necessary to be downloaded in order to use a particular method.
Another important note is that when you download the jqGrid you should check the jQuery UI addons in the download section
Now it is time to use it. Click here to continue

You could leave a comment if you were logged in.

QR Code
QR Code wiki:jquery_ui_intro (generated for current page)