jQuery Grid Plugin - jqGridForum

Forum

November 2nd, 2014

A A A

Topic RSS

grid edited cells IE8 issue

16/03/2010
15:12

Yurgen

Member

Members

Forum Posts: 8

Member Since:
16/10/2009

Offline

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" >head runat="server">

<title>Untitled Page</title>

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

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">

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

head runat="server">

<title>Untitled Page</title>

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>

<div>

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

</table>

</div>

</form>

body>

html>

17/03/2010
17:28

Yurgen

Member

Members

Forum Posts: 8

Member Since:
16/10/2009

Offline

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.

18/03/2010
11:17

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

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

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

18/03/2010
12:39

Yurgen

Member

Members

Forum Posts: 8

Member Since:
16/10/2009

Offline

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
47 Guest(s)

Currently Browsing this Page:
1 Guest(s)