Hey guys,
Im working on a tabset which includes listgrids and is beside a treegrid. After creating all components, I need to know the widths of all listgrids.
Herefor I collect the widths of all listgrids with listGrid.getWidth().
When doing so, I noticed different widths of listgrids, which have are equal sized.
This only seems to happen, when a listgrid is inside a layout which is set as pane of a tab.
After selecting this tab, the width will be answered corretly.
When having a tab which has a listgrid as pane directly, this issue doesnt occur.
To reproduce the issue I built the following example
This issue is reproducible with the current SmartClient nighly ( v10.0p_2015-03-11) and all current browser versions (Firefox, Chrome and IE)
Best Regards
Im working on a tabset which includes listgrids and is beside a treegrid. After creating all components, I need to know the widths of all listgrids.
Herefor I collect the widths of all listgrids with listGrid.getWidth().
When doing so, I noticed different widths of listgrids, which have are equal sized.
This only seems to happen, when a listgrid is inside a layout which is set as pane of a tab.
After selecting this tab, the width will be answered corretly.
When having a tab which has a listgrid as pane directly, this issue doesnt occur.
To reproduce the issue I built the following example
Code:
isc.VLayout.create({
"ID" : "rootLayout",
"width" : "100%",
"height" : "100%",
"members" : [isc.Button.create({
"title" : "Width of all listgrid",
"width" : 200,
"action" : function () {
isc.say(
"Width of first listgrid: " + firstListGrid.getWidth() +
"<br>Width of second listgrid: " + secondListGrid.getWidth() +
"<br>Width of third listgrid: " + thirdListGrid.getWidth())
}
}),
isc.HLayout.create({
"width" : "100%",
"height" : "100%",
"members" : [isc.TreeGrid.create({
"width" : "30%",
"height" : "100%"
}),
isc.TabSet.create({
"width" : "70%",
"height" : "100%",
tabs :
[{
"title" : "first",
"pane" : isc.Layout.create({
"width" : "100%",
"members" : [isc.ListGrid.create({
"ID" : "firstListGrid",
"width" : "100%",
"fields" : [{
"title" : "first"
}
]
})]
})
}, {
"title" : "second",
"pane" : isc.Layout.create({
"width" : "100%",
"members" : [isc.ListGrid.create({
"ID" : "secondListGrid",
"width" : "100%",
"fields" : [{
"title" : "second"
}
]
})]
})
}, {
"title" : "third",
"pane" : isc.ListGrid.create({
"ID" : "thirdListGrid",
"width" : "100%",
"fields" : [{
"title" : "third"
}
]
})
}
]
})]
})]
})Best Regards