This error is a result of the response's charset not matching what the XHR object is expecting (UTF-8). Obviously, this can occur due to numerous reasons. In my case, I had switched the server side encoding.
From combing google results for this, I also saw that people had this issue due to specifying what they thought was UTF-8 encoding in an incorrect way, most proably resulting in the server encoding in it's default format.
To summarize, just make sure that your encoding is UTF-8 when using the IE XHR object. If you cannot do this, then there are other solutions, but none quite as easy as this.
After several days of wrestling with the trying to make the Ext grid component auto-fit to its container in a Ext layout, I finally have had success.
In order to do this you must add a Ext.GridPanel to the layout:
|
layout.add('center', new Ext.GridPanel(grid, {title: 'Grid', closable: false, fitContainer: true})); |
This information was ready available on the ExtJs.com forums, however, as far as I could find, it ended there. After doing this, the grid still did not resize the columns, only the header bar.
I finally found the autoExpandColumn and fitContainer properties of the grid. After setting these, the grid automatically resizes to fit its container. Hind sight it the reason is obvious: without knowing what to expand on the grid, what would it do?
1
2
3
4
5
6
7
|
grid = new Ext.grid.EditorGrid('transaction_grid', {
ds: ds,
cm: cm,
selModel: sm,
autoExpandColumn: 2,
fitContainer: true
}); |
It seems easy now, but it took me a long time to figure this out. Hope it helps someone else.