Possible bug in Grid with Frozen + Footer + horizontal scrolling

asked 2010-11-24 06:46:09 +0800

andreasboos
105 ● 3

Hello

I tried using the Grid component enabling the option Frozen together with the horizontal scroll Footer and the Footer does not track the movement of columns in the grid so that some information is missing.

Once disabling the Frozen (tag <frozen> commented), everything works correctly. This is a bug or that I did something wrong?

Here's an example to reproduce the problem.

<zk>
<style>
.z-label, .z-radio {
display:block;
}
tr.z-row td.z-row-inner {
padding: 2px 5px;
}
.z-row-cnt, .z-column-cnt {
text-align: center;
}
.category-center .z-auxheader-cnt {
text-align: center;
}
.footer_right {
text-align:right;
}
.footer_right_black {
text-align:right;
background-color: #000000;
color:#ffffff;
}
</style>
<grid id="demoGrid" width="700px">
<auxhead sclass="category-center">
<auxheader label="Healthy Food List" colspan="6" rowspan="1" />
</auxhead>
<auxhead sclass="category-center">
<auxheader label="Category Select" colspan="1" rowspan="1" />
<auxheader colspan="5" rowspan="1">
<radiogroup>
<attribute name="onCheck"><![CDATA[
String selected = self.getSelectedItem().getLabel();
if (selected.equals("All Food")) {
demoGrid.setModel(new ListModelList(FoodData.getAllFoods()));
} else {
demoGrid.setModel(new ListModelList(FoodData.getFoodsByCategory(selected)));
}
footer_category.setLabel("A Total of " + demoGrid.getRows().getChildren().size() + " Food Items");
]]></attribute>
<hlayout>
<radio label="All Food" checked="true" width="100px" />
<radio label="Vegetables" width="100px" />
<radio label="Seafood" width="100px" />
<radio label="Fruits" width="100px" />
<radio label="Poultry & Lean Meats" width="100px" />
</hlayout>
</radiogroup>
</auxheader>
</auxhead>
<frozen style="background: #DFDED8" columns="1">
<div style="padding: 0 10px;" />
</frozen>
<columns>
<column width="150px">Category</column>
<column width="150px">Name</column>
<column width="150px">Top Nutrients</column>
<column width="150px">% of Daily</column>
<column width="150px">Calories</column>
<column width="150px">Quantity</column>
</columns>
<rows>
<row>
<cell>aaa</cell>
<cell>Q1</cell>
<cell>Jan</cell>
<cell>Jan</cell>
<cell>Jan</cell>
</row>
</rows>
<foot>
<footer id="footer_category" class="footer_right_black" />
<footer id="footer_name" class="footer_right" />
<footer id="footer_top_nutrients" class="footer_right_black" />
<footer id="footer_percent_daily" class="footer_right" />
<footer id="footer_calories" class="footer_right_black" />
<footer id="footer_quantity" class="footer_right" />
</foot>
</grid>
<zscript>
<![CDATA[
footer_category.setLabel("A Total of 1 Food Items");
footer_quantity.setLabel("Qty 1");
]]>
</zscript>
</zk>