javascript - JQGrid not working at all in IE8 -
the following code works fine in ie9, ie10, firefox, , chrome, not in ie8 (i testing using ie10 in ie8 mode). grid doesn't show @ all, it's if nothing there.
$(document).ready(function () { $("#grid").jqgrid({ url: "/forms/getdata", datatype: 'json', mtype: 'get', height: 'auto', width: 950, colnames: ['id', 'date', 'lem number', 'job number', 'job phase', 'foreman', 'approved', 'signed', 'billed'], colmodel: [ { name: 'id', index: 'id', width: 55, hidden: true }, { name: 'date', index: 'date', width: 80, sorttype: 'date', formatter: 'date', formatoptions: { newformat: 'm/d/y' }, search: true, searchoptions: { datainit: function(el) { $(el).daterangepicker({ dateformat: 'yy/mm/dd' }); } } }, { name: 'lemnumber', index: 'lemnumber', width: 80, align: 'right', sorttype: 'int' }, { name: 'jobnumber', index: 'jobnumber', width: 80, align: 'right', sorttype: 'int' }, { name: 'jobphase', index: 'jobphase', width: 80 }, { name: 'foreman', index: 'foreman', width: 80 }, { name: 'approved', index: 'approved', width: 80, align: 'center', formatter: 'checkbox' }, { name: 'signed', index: 'signed', width: 80, align: 'center', formatter: 'checkbox' }, { name: 'billed', index: 'billed', width: 80, align: 'center', formatter: 'checkbox' } ], pager: '#pager', rownum: 20, rowlist: [10, 20, 30], sortname: 'id', loadonce: true, multiselect: true, viewrecords: true, }); //$("#grid").jqgrid('filtertoolbar', { searchoperators: true, stringresult: true, searchonenter: false, defaultsearch: "cn" }); $("#grid").navgrid('#pager', { edit: false, add: false, del: false }, {}, {}, {}, { multipleselect: true }); $("#startdate").datepicker(); $("#enddate").datepicker(); });
and html
<div class="row"> <table id="grid"> </table> <div id="pager" class="scroll"> </div> </div>
why isn't showing up?
Comments
Post a Comment