ListGrid field's width does not apply

[ESherbakova]

SC_SNAPSHOT-2012-03-08_v8.2p/PowerEdition Development Only (built 2012-03-08)

Tried with Firefox 10, IE 9, Safari 5.1.4, Chrome 18.0.1

I have a ListGrid displayed with a particular ListGrid Field State where columns have certain width set. When I open a different Field State View for the same ListGrid the new column width is ignored.

This is a simplified version of our implementation:

isc.VLayout.create({
width:400,
membersMargin:5,
members:[isc.ListGrid.create({
ID: "countryList",
width:522, height:224,
alternateRecordStyles:true, cellHeight:22,
dataSource: countryDS,
// display a subset of fields from the datasource
fields:[
{name:"countryName", width:80},
{name:"government", width:80},
{name:"continent", width:80},
{name:"countryCode", title:"Flag", width:40, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png", canEdit:false}
],
autoFetchData: true

}),

isc.Button.create({
ID: "buttonId",
title: "button",
click: function(){
var viewState = "({ fields:[{name:\"countryName\", width:400},{name:\"government\", width:80},{name:\"continent\", width:80},{name:\"countryCode\", width:40}] /*, group:\"countryName\"*/ })";
countryList.setViewState(viewState);
countryList.markForRedraw();
}
})
]});

I tried setting new width of 400 in quotes/without quotes - same effect
If you uncomment "group" property then you can observe that grouping actually works meaning that new field state is taking effect, but new width still does not apply

No exceptions/warning observed.

[Isomorphic]

It's "field" not "fields" for the field property

var viewState = "({ field:[{name:\"countryName\", width:400},{name:\"government\", width:80},{name:\"continent\", width:80},{name:\"countryCode\", width:40}] /*, group:\"countryName\"*/ })";

Regards
Isomorphic Software

[ESherbakova]

You are right, thank you!