.i googled a lot, but still dont know whats wrong.
In my pager standart buttons (add, edit, delete, search) are missing, rest part of pager working normally.
Also, if i execute in console jQuery(“#quest_grid”).jqGrid(‘editRow’,”_item_id_”); – its work – i see modal window.
any help?
My code:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
<link type="text/css" rel="stylesheet" href="/skins/css/jquery-ui.css" /> <link type="text/css" rel="stylesheet" href="/skins/css/jquery-ui.theme.css" /> <link type="text/css" rel="stylesheet" href="/skins/css/ui.jqgrid.css" /> <script type="text/javascript" src="/skins/js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="/skins/js/jquery-ui.min.js"></script> <script type="text/javascript" src="/skins/js/grid.locale-ru.js"></script> <script type="text/javascript" src="/skins/js/jquery.jqGrid.min.js"></script> $(document).ready(function () { $("#quest_grid").jqGrid({ url: "myurl", datatype: "json", colNames: ['№', 'Text'], rowNum: '<?php echo IRB_CONFIG_NUM_ROWS ?>', colModel: [ { name: 'quest_id', index: 'quest_id', editable: false, width:10, editoptions: { readonly: true } }, { name: 'quest_text', index: 'quest_text', width: 90, editable: true, edittype:"textarea", editoptions:{ rows:"2", cols:"20" } } ], pager: '#pagernav', sortname: 'id', viewrecords: true, sortorder: "desc", editurl: "myurl", autowidth: true, height:'auto', pgbuttons:true }); }); $("#quest_grid").jqGrid( 'navGrid', '#pagernav', { edit: true, //all this buttons are missing!!! add: true, del: true, search: true, refresh: true, view:true }, //options { jqModal:true, checkOnUpdate:true, savekey: [true,13], navkeys: [true,38,40], checkOnSubmit : true, reloadAfterSubmit:false, closeOnEscape:true, bottominfo:"Fields marked with (*) are required" }, // edit options { jqModal:true, checkOnUpdate:true, savekey: [true,13], navkeys: [true,38,40], checkOnSubmit : true, reloadAfterSubmit:false, closeOnEscape:true, bottominfo:"Fields marked with (*) are required" }, // add options { reloadAfterSubmit:false, jqModal:false, closeOnEscape:true }, // del options { closeOnEscape:true }, // search options { navkeys: [true,38,40], height:250, jqModal:false, closeOnEscape:true } // view options ); ); |
Hello,
The problem we see here is that the navGrid is called outside document ready which another scope.
You will need to put the call of navGrid inside the document ready like this:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
... $(document).ready(function () { $("#quest_grid").jqGrid({ url: "myurl", datatype: "json", colNames: ['№', 'Text'], ... }); // end jqGrid $("#quest_grid").jqGrid( 'navGrid', '#pagernav', { edit: true, //all this buttons are missing!!! add: true, del: true, search: true, refresh: true, view:true }, //options ... }); // end navGrid }); // end document ready ... |
Kind Regards,
Will
Guriddo Support Team
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
