jQuery Grid Plugin - jqGridForum

Topic RSS

Problem with ie 8 and jqgrid

09/02/2012
09:30

msabeva

Sofia

New Member

Members

Forum Posts: 1

Member Since:
09/02/2012

Offline

I have an issue about explore 8 -jqgrid freezes and it doesn`t show the drop-down menus datetimepicker.Please, if someone has an idea what is the problem me know. Here is the code of controller.Thanks in advance!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> <link rel="stylesheet" href="../css/cable_access.css"/> <link rel="stylesheet" href="../css/css/smoothness/jquery-ui-1.8.17.custom.css" /> <link rel="stylesheet" media="screen" href="../jquery_jqgrid/css/ui.jqgrid.css" /> <script src="../jquery.min.js"></script> <script src="../slider/js/jquery-ui-1.8.16.custom.min.js"></script> <script src="../slider/development-bundle/ui/jquery.ui.slider.js"></script> <script src="../datepicker/development-bundle/ui/jquery.ui.datepicker.js"></script> <script src="../datepicker/development-bundle/ui/jquery.ui.core.js"></script> <script src="../slider/jquery-ui-timepicker-addon.js"></script> <script src="../jquery.jqGrid-4.3.1/js/i18n/grid.locale-en.js"></script> <script src="../jquery_jqgrid/js/jquery.jqGrid.src.js"></script> <script> $(function(){ var lastsel; var grid_id=0; //********************** list GRID - BEGIN **************************************************** $("#list").jqGrid({ url:'server_side_showdata.php', datatype: 'json', mtype: 'POST', colNames:['ÐÐžÐœÐ•Ð /ID', 'Ð”ÐÐ¢Ð<br>ÐŸÐžÐ›Ð£Ð§ÐÐ’ÐÐÐ•', 'Ð ÐÐ—Ð Ð•Ð¨Ð•ÐÐ˜Ð•', 'Ð ÐÐ—Ð Ð•Ð¨Ð˜Ð›', 'ÐÐÐ§ÐÐ›Ðž', 'ÐšÐ ÐÐ™', 'ÐšÐÐ‘Ð•Ð›Ð•Ð<br>Ð ÐÐ™ÐžÐ', 'ÐÐÐ¡Ð•Ð›Ð•ÐÐž<br>ÐœÐ¯Ð¡Ð¢Ðž', 'Ð¢Ð˜ÐŸ<br>Ð”ÐžÐ¡Ð¢ÐªÐŸ', 'Ð˜Ð—ÐŸÐªÐ›ÐÐ˜Ð¢Ð•Ð›', 'Ð”Ð•Ð™ÐÐžÐ¡Ð¢', 'ÐžÐ¥Ð ÐÐÐ˜Ð¢Ð•Ð›ÐÐ<br>Ð¡Ð˜Ð¡Ð¢Ð•ÐœÐ', 'Ð¢Ð•Ð¥ÐÐžÐ›ÐžÐ“Ð˜Ð§ÐÐ<br>Ð¡Ð“Ð ÐÐ”Ð', 'Ð¢Ð ÐÐ¡Ð•', 'ÐÐ”Ð Ð•Ð¡/ÐÐ•ÐžÐ¥Ð ÐÐÐ¯Ð•ÐœÐž', 'Ð—ÐžÐÐ', 'Ð‘Ð .ÐžÐ¢Ð’ÐžÐ Ð•ÐÐ˜<br>Ð—ÐžÐÐ˜/Ð¨ÐÐ¥Ð¢Ð˜'], colModel:[ {name:'id', index:'id', key : true, width:80, sortable:false, fixed:true, search:false, hidden: true}, {name:'date_received', index:'date_received', width:90, classes:'dtPicker', search:false, editable:true, sorttype:'date', editoptions:{ dataInit : function (elem) { $(elem).datetimepicker({ dateFormat: 'yy-mm-dd', showSecond: true, timeFormat: 'hh:mm:ss', stepMinute: 10, stepSecond: 10 }); }}}, {name:'permission_name', index:'permission_name', width:80, search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}}, {name:'permission_by', index:'permission_by', width:100, search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}}, {name:'req_start', index:'req_start', width:81, classes:'dtPicker', search:false, editable:true, sorttype:'date', editoptions:{ dataInit : function (elem) { $(elem).datetimepicker({ dateFormat: 'yy-mm-dd', showSecond: true, timeFormat: 'hh:mm:ss', stepHour: 2, stepMinute: 10, stepSecond: 10}); }}}, {name:'req_end', index:'req_end', width:91, classes:'dtPicker', search:true, editable:true, sorttype:'date', editoptions:{ dataInit : function (elem) { $(elem).datetimepicker({ dateFormat: 'yy-mm-dd', showSecond: true, timeFormat: 'hh:mm:ss', stepHour: 2, stepMinute: 10, stepSecond: 10 }); }}}, {name:'cable_region_name', index:'cable_region_name', width:60, editable:true, edittype:'select', search:true, editoptions: { dataUrl: 'filterselectcable.php'},formoptions:{elmprefix:'(*)'}}, {name:'city', index:'city', width:60, search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}}, {name:'acc_name', index:'acc_name', width:50, fixed:true, editable:true, edittype:'select', editoptions:{dataUrl:'selectaccess.php?'}, sorttype:'text', formatter:'text', search:true}, // {name:'alt_type_name',index:'alt_type_name', width:80, fixed:true, editable:true,edittype:'select',editoptions:{dataUrl:'src/corporation_type.php?name=0'}, sorttype:'text', formatter:'text', search:false}, {name:'alt_name',index:'alt_name', key : true, width:70, fixed:true, editable:true, edittype:'select', editoptions:{dataUrl:'corporation.php?name=0'},sortable:true,search:true,stype:'text'}, {name:'act_name', index:'act_name', search:true, width:80, fixed:true, editable:true, edittype:'select', editoptions:{dataUrl:'selectactivity.php'}, sorttype:'text', formatter:'text'}, {name:'sec_name', index:'sec_name', width:56, editable:true, edittype:'select', editoptions:{dataUrl:'security.php', dataEvents: [{ type: 'change',
fn: function(e) { var thisval = $(e.target).val(); $.get('selecttech.php?name='+thisval, function(data) { var res = $(data).html(); var row = $(e.target).closest('tr.jqgrow');     $("select#" + $.jgrid.jqID(row.attr('id')) + "_ltech_name").html(res); });} }]},sorttype:'text', formatter:'text', search:true},
{name: 'ltech_name', index:'ltech_name', width:80, editable:true, edittype:'select', editoptions:{dataUrl:'selecttech.php?name=0', dataEvents: [ { type: 'change', fn: function(e) { var thisval = $(e.target).val(); $.get('trasse.php?name='+thisval, function(data) { var res = $(data).html(); var row = $(e.target).closest('tr.jqgrow'); //alert(row[0]); $("select#" + $.jgrid.jqID(row.attr('id')) + "_ltrass_name").html(res); }); // end get } //end func } ]}, sorttype:'text', formatter:'text', search:false, formoptions:{elmprefix:"(*)"}}, {name: 'ltrass_name',index:'ltrass_name', width:80, editable:true, edittype:'select', editoptions:{dataUrl:'trasse.php?name=0'},sorttype:'text', formatter:'text', search:true,formoptions:{elmprefix:"(*)"}}, {name: 'address', index:'address', search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}}, {name: 'zone', index:'zone', search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}}, {name: 'open_zone',index:'open_zone', search:true, editable:true, edittype:'textarea', editoptions:{rows:"2",cols:"20"}} ], loadui : 'disable',   pager: '#pager', asltRows: true, rowNum:40, rowTotal: 2000, multiselect: false, sortorder: "desc", editurl: 'server_side_insertdata.php', viewrecords: true, caption: 'Ð’ÐªÐ’Ð•Ð–Ð”ÐÐÐ• ÐÐ ÐÐžÐ’Ðž Ð ÐÐ—Ð Ð•Ð¨Ð˜Ð¢Ð•Ð›ÐÐž Ð—Ð Ð ÐÐ‘ÐžÐ¢Ð', height: 'auto', autowidth: true, scroll: 0, multipleSearch:true, sorttype:true, altRows: true, hidegrid: false, forceFit: true, rowList:[20,40,50], pgbuttons: true, ondblClickRow:function(){ grid_id = jQuery("#list").jqGrid('getGridParam','selrow'); if( grid_id != null ) { jQuery("#list").jqGrid('editRow',grid_id); this.disabled = 'true'; } else alert("Please Select Row");
}, gridComplete: function(){ var ids = jQuery("#list").jqGrid('getDataIDs'); for(var i=0;i < ids.length;i++){ var cl = ids[i]; } }, loadError:function(xhr, textStatus, errorThrown) { var error_msg = xhr.responseText var msg = "Some errors occurred during processing:" msg += '\n\n' + error_msg alert(msg) } }).navGrid('#pager',{add:false,edit:false,del:false,refresh:false,search:false});
$('#list').trigger("reloadGrid")     .navButtonAdd('#pager',{ caption:"Ð”ÐžÐ‘ÐÐ’Ð˜ Ð Ð•Ð” ", buttonicon:"ui-icon-plus", position:"first", onClickButton: function(){ $.ajax({ url: "getid.php", context: document.body, success: function(data){ jQuery("#list").addRowData( data, {id:data}); jQuery("#list").jqGrid('editRow');
} }) } })     .navButtonAdd('#pager',{ caption:"Ð—ÐÐŸÐÐ—Ð˜", buttonicon:"ui-icon-view", onClickButton: function(){ jQuery("#list").jqGrid('saveRow',grid_id,checksave); }    }) .navButtonAdd('#pager',{ caption:"CANCEL", buttonicon:"ui-icon-cancel", onClickButton: function(){ $('#list').jqGrid('restoreRow',grid_id);
}     });
function checksave(result) { if (result.responseText=="") {
$('#list').trigger("reloadGrid"); return false; } return true; }; jQuery("#list").jqGrid('navButtonAdd','#pager',{ caption:"Ð•ÐšÐ¡ÐŸÐžÐ Ð¢ Ð’ EXCEL", position:"last", onClickButton : function exportExcel() { window.open('export.php',"newwindow") }

})
jQuery("#list").jqGrid('filterToolbar',{ autosearch: false, searchOnEnter: false, stringResult: false, groupOp: "AND" }); $(window).bind('resize',function() { $("#list").setGridWidth($("#main").width()); }) }) $(document).ready(function() {
$("input").button(); })
</script> </head> <body>
<div> <div>   </div> </div> <div> Welcome: <?php if (isset($_SESSION["user"])) echo $_SESSION["user"]; else echo $_SESSION["admin"]; ?> </div> <form><table> </table> <div></div>
<input id="button" value="Ð˜Ð·Ð»ÐµÐ·" /> <input id="button" value="Ð Ð°Ð±Ð¾Ñ‚Ð° Ð¿Ð¾ Ñ€Ð°Ð·Ñ€ÐµÑˆÐ¸Ñ‚ÐµÐ»Ð½Ð¾" />  </form> </body></html>