Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 8th, 2012  |  syntax: None  |  size: 3.20 KB  |  hits: 32  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jqGrid disabled rest of my page?
  2. <head>
  3.     <title>Insert</title>
  4.     <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
  5.     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
  6.     <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js" type="text/javascript"></script>
  7.     <script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
  8.     <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
  9.     <link type="text/css" rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" />    
  10.     <script src="/Scripts/EditorHookup.js" type="text/javascript"></script>    
  11.     <script src="../../Scripts/grid.locale-en.js" type="text/javascript"></script>
  12.     <script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
  13.  
  14.    <script type="text/javascript">
  15.       var gridimgpath = '/content/themes/base/images';
  16.       var gridDataUrl = '/Home/JsonPosloviForDate';
  17.       var jsonDate =  "/Date(1309816800000)/";      
  18.       var date = eval(jsonDate.replace(//Date((d+))//gi, "new Date($1)"));      
  19.       $(function () {
  20.          jQuery("#list").jqGrid({
  21.             url: gridDataUrl + '?currDate=' + date.toJSON(),
  22.             datatype: "json",
  23.             mtype: 'GET',
  24.             colNames: ['┼áifra posla', 'Vrsta posla', 'Partner', 'Opis', 'Broj sati'],
  25.             colModel: [
  26.                { name: 'SifPosao', index: 'SifPosao', width: 50, align: 'left' },
  27.                { name: 'kratVrstaPosao', index: 'kratVrstaPosao', width: 100, align: 'left' },
  28.                { name: 'nazPartner', index: 'nazPartner', width: 100, align: 'left' },
  29.                { name: 'opis', index: 'opis', width: 100, align: 'left' },
  30.                { name: 'brSati', index: 'brSati', width: 100, align: 'left' },
  31.                      ],
  32.             rowNum: 20,
  33.             rowList: [10, 20, 30],
  34.             imgpath: gridimgpath,
  35.             height: 'auto',
  36.             width: '700',
  37.             pager: jQuery('#pager'),
  38.             sortname: 'SifPosao',
  39.             viewrecords: true,
  40.             sortorder: "desc",
  41.             caption: "Poslovi"
  42.          });
  43.       });
  44.    </script>
  45.  
  46. </head>
  47. <body>
  48. ...    
  49. <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
  50. <div id="pager" class="scroll" style="text-align:center;"></div>
  51. ...  
  52. </body>
  53.        
  54. <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/ui-lightness/jquery-ui.css" />
  55. <link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/css/ui.jqgrid.css" />
  56. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  57. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
  58. <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/i18n/grid.locale-en.js"></script>
  59. <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/jquery.jqGrid.min.js"></script>