jQuery Grid Plugin - jqGrid - Topic: grid edited cells IE8 issue http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue Simple:Press Version 5.7.5.3 Yurgen on grid edited cells IE8 issue http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15812 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15812 Tony,

thanks for quick response.

Exactly... please evaluate proposed fix carefully.

I am  also not sure if it fits other browsers. Thus, in my app I am gonna apply it only if client is IE8.

Hope you will incorporate an appropriate fix and I just remove my and update to the new jqGrid version soon.

Regards,

Yurgen.

]]> Thu, 18 Mar 2010 12:39:41 +0200 tony on grid edited cells IE8 issue http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15805 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15805 Hello,

Thanks Yurgen, I will try your suggestion. We should also be sure the this will not break it in other browsers.

Regards

Tony

]]> Thu, 18 Mar 2010 11:17:53 +0200 Yurgen on grid edited cells IE8 issue http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15776 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15776 Hi there!

Short  update…..

Per recent bug it's a known issue. Hope it'll be hit soon.

The quick & dirty fix for this could be to patch 
.ui-jqgrid tr.jqgrow td {padding:0 0px 0 0px;}

and ".ui-jqgrid tr.jqgrow th " as well as set Grid  cellLayout:1.

Sure this fix should be reverted as soon as Tony make his one.

Regards.

]]> Wed, 17 Mar 2010 17:28:18 +0200 Yurgen on grid edited cells IE8 issue http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15753 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-edited-cells-ie8-issue#p15753 Hi Tony!

Please need your advice regarding following:

I have a simple grid with cell edit option enabled. Under IE8 only after editing some (most of cells but not 100%) cells and moving out from it the right border put on the wrong position (couple pixels to the left then needed).

This not happens under IE8 Compatiblity View mode.  

I use latest 3.6.4. jqGrid

On initial loading

After editing in IE8 (bad)

After editing in prev.IE

Is the any idea what causes it and how it can be fixed (I suppose with CSS) ?

Thanks in advance.

Any help is very appreciated

Regards,

Yurgen.

Although my  aspx page is almost default, i have copied it as well:

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!

<

<

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT.....t;>html xmlns="http://www.w3.org/1999/xhtml&quot; >head runat="server">

<title>Untitled Page</title>

<META HTTP-EQUIV="MSThemeCompatible" CONTENT="yes"/>

<!--- Grid scripts here -->

<script src="Grid/Scripts/js/jquery-1.3.2.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="Grid/Scripts/css/ui-lightness/jquery-ui-1.7.2.custom.css" />

<link rel="stylesheet" type="text/css" media="screen" href="Grid/Scripts/css/ui.jqgrid.css" /> <script src="Grid/Scripts/js/grid.locale-en.js" type="text/javascript"></script>

<script src="Grid/Scripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>

<

script type="text/javascript">

$(document).ready(function() {

var mystr =

"<?xml version='1.0' encoding='utf-8'?> <invoices> \

<rows>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

</rows></invoices>";

$("#list").jqGrid({

datatype: 'xmlstring',

datastr : mystr,

cellEdit: true,

multiselect: false,

cellsubmit: 'clientArray',

loadonce: true,

forceFit:true,

colNames:['Inv No','Date'],

colModel: [

{name:'invid', index:'invid', width:55, editable:true, sortable:false},

{ name: 'invdate', index: 'invdate', width: 90, editable: true, sortable: false }

],

rowNum:10,

viewrecords: true,

caption: 'Grid!',

height: 'auto'

});

});

</

script>

</

<

head>body>

<form id="form1" runat="server">

<div>

<label title = " test lbl" > version 3.6.4 </label>

<table id="list" cellpadding="0" cellspacing="0">

</table>

</div>

</

</

</form>body>html> 

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

html xmlns="http://www.w3.org/1999/xhtml&quot; >

head runat="server">

<title>Untitled Page</title>

<META HTTP-EQUIV="MSThemeCompatible" CONTENT="yes"/>

<!--- Grid scripts here -->

<script src="Grid/Scripts/js/jquery-1.3.2.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen" href="Grid/Scripts/css/ui-lightness/jquery-ui-1.7.2.custom.css" />

<link rel="stylesheet" type="text/css" media="screen" href="Grid/Scripts/css/ui.jqgrid.css" />

<script src="Grid/Scripts/js/grid.locale-en.js" type="text/javascript"></script>

<script src="Grid/Scripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>

<

script type="text/javascript">

$(document).ready(function() {

var mystr =

"<?xml version='1.0' encoding='utf-8'?> <invoices> \

<rows>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

<row>\

<cell>data1</cell>\

<cell>data2</cell>\

</row>\

</rows></invoices>";

$("#list").jqGrid({

datatype: 'xmlstring',

datastr : mystr,

cellEdit: true,

multiselect: false,

cellsubmit: 'clientArray',

loadonce: true,

forceFit:true,

colNames:['Inv No','Date'],

colModel: [

{name:'invid', index:'invid', width:55, editable:true, sortable:false},

{ name: 'invdate', index: 'invdate', width: 90, editable: true, sortable: false }

],

rowNum:10,

viewrecords: true,

caption: 'Grid!',

height: 'auto'

});

});

</

script>

</

head>

body>

<form id="form1" runat="server">

<div>

<label title = " test lbl" > version 3.6.4 </label>

<table id="list" cellpadding="0" cellspacing="0">

</table>

</div>

</form>

body>

html>

</

</

<

<

<


]]> Tue, 16 Mar 2010 15:12:13 +0200