Bug with Grid in Internet Explorer 9 (IE9)

[ghis]

I'm using the new IE9, yes it's still beta but is much better compare to previous IE. The grid is not displayed at all in IE9 with certain property. It took me a while to find out what was causing the problem, but I found it.

So anyways, there's issues with using editor fields, the problem is happening when using this:
{id: ..., editor:{type:"text", validRule:['R']} }

it is working properly though with type of "select", it's seems to be only the "text" type so far. And also inside the IE developer tools it says that it has invalid character when trying to run this portion:
Sigma.Util.onLoad(function(){mygrid.render()});

Finally, if I remove the type:"text", then the grid displays properly but of course is not editable. The only option I have for now is to use the compatibility mode of previous IE8 to render it properly.

[dave]

I am receiving this error too.  The error happens when it tries to create the input element of type "text".  It is erroring here:

Sigma.doc.createElement($)

where $ = "<input type=\"text\">"

From what I have read, this is a result of IE9 all of a sudden becoming some-what standards compliant. 

http://garybentley.wordpress.com/2011/03/18/using-document-createelement-in-ie9-its-all-changed/

Hopefully, this is just a matter of checking for IE9 and treating it like FF, Chrome, etc.

Does Sigma Support have a timeline on when this issue will be reviewed and hopefully fixed?

[ghis]

Well in the mean time, I have to use the compatibility mode of IE8, but I'm losing all the new CSS features though.. 

Here's what you can use that make SigmaGrid to work in IE9:

<!-- Use IE8 compatibility mode -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

[dave]

This doesn't work if you have a DOCTYPE declared.  I need the DOCTYPE to make the pages view properly in all other browsers.  Do you know a work around to make the compatibility meta tag work even if there is a DOCTYPE?

I guess I have to find another grid if I can't find a solution to this problem.

[dave]

My mistake.

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

Does work but you have to place immediately after the Title tag and BEFORE any links, scripts, etc.  HTH somebody.

[yuki]

Hi,

I've solved this problem by two steps.
(I don't speak English.
If my English is wrong, please somebody some supplementary explanation.)


1. Save as "gt_patch_ie9.js":
Sigma.doc._createElement = Sigma.doc.createElement; Sigma.doc.createElement = function (tag) { var el; try { el = Sigma.doc._createElement(tag); // for IE9 } catch (e) { // <tag> -> tag tag = tag.replace(/^[ \t\r\n]*<[ \t\r\n]*/, ""); tag = tag.replace(/[ \t\r\n]*>[ \t\r\n]*$/, ""); // Create var tagSplit = tag.split(/[ \t\r\n]+/); el = Sigma.doc._createElement(tagSplit[0]); // Attributes for (var i = 1; i < tagSplit.length; i++) { var attr = tagSplit[i] .replace(/([^="' \r\n\t]+)[^ \r\n\t]*=[^ \r\n\t]*(:?"?([^"]*)"|'?([^']*)')?/, "$1__split__$2") .split("__split__");//' el.setAttribute(attr[0], attr[1]); } } return el; };

2. Add to after the SigmaGrid JS-file:
<script type="text/javascript" src="grid/gt_grid_all.js"></script> <script type="text/javascript" src="grid/gt_patch_ie9.js"></script>


Yuki Kikuchi

[moonas]

Thanks, Yuki, your patch works!

[reggeraktion]

thanks Yuki! Btw your english is very good