Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
wiki:howto_grid_base [2009/10/31 09:19] tony created |
wiki:howto_grid_base [2017/12/12 17:12] (current) admin |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ==== Allow FireFox to work with RTL (Right To Left) laguaages ==== | + | ====== HOW TO jqGrid common solutions ====== |
| - | jqGrid support fully FireFox versions 3.x and Internet Explorer versions >=6. | + | |
| + | ==== Allow FireFox to work with RTL (Right To Left) languages ==== | ||
| + | |||
| + | jqGrid fully supports RTL in FireFox versions 3.x and Internet Explorer versions >=6 | ||
| The default settings in FireFox are not compatible with RTL. In order to change this: | The default settings in FireFox are not compatible with RTL. In order to change this: | ||
| - In the url bar in FireFox type about:config and confirm the alert dialog. | - In the url bar in FireFox type about:config and confirm the alert dialog. | ||
| - In the Find bar type layout.scrollbar.side | - In the Find bar type layout.scrollbar.side | ||
| - Double click on it and change the value from 0 to 1 | - Double click on it and change the value from 0 to 1 | ||
| + | <note>RTL support is available from version 3.6 and up</note> | ||
| + | |||
| + | ==== Configuring jqGrid to use only the new API ==== | ||
| + | This should be done in the installation procedure following these steps: | ||
| + | <code html> | ||
| + | <!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" /> | ||
| + | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| + | <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/i18n/grid.locale-en.js" type="text/javascript"></script> | ||
| + | <script type="text/javascript"> | ||
| + | jQuery.jgrid.no_legacy_api = true; | ||
| + | </script> | ||
| + | <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> | ||
| + | |||
| + | </head> | ||
| + | <body> | ||
| + | ... | ||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
| + | Note the callling of | ||
| + | <code javascript> | ||
| + | <script type="text/javascript"> | ||
| + | jQuery.jgrid.no_legacy_api = true; | ||
| + | </script> | ||
| + | </code> | ||
| + | This line should be after the language file and before the jqGrid JS file | ||
| + | <note>New jqGrid API is available from version 3.6 and up</note> | ||
| + | |||
| + | ==== Client side sorting, but server side paging ==== | ||
| + | |||
| + | In order to have this we should define two events in the grid - loadComplete and onPaging. Below is the code how can be this achieved | ||
| + | <code javascript> | ||
| + | jQuery("#gridid").jqGrid({ | ||
| + | ... | ||
| + | datatype: 'json', // can be xml | ||
| + | loadComplete : function () { | ||
| + | jQuery("#gridid").jqGrid('setGridParam',{datatype:'local'}); | ||
| + | }, | ||
| + | onPaging : function(which_button) { | ||
| + | jQuery("#gridid").jqGrid('setGridParam',{datatype:'json'}); | ||
| + | }, | ||
| + | ... | ||
| + | }); | ||
| + | </code> | ||
| + | In order local sorting to work properly a sorttype parameter in colModel should be set | ||
