我有一個標準的dojox.mobile.EdgeToEdge
列表,裏面有一組dojox.mobile.ListItem
s。我需要確保每個列表項目的高度相同。見繪製不佳表現如下:如何在dojox.mobile.EdgeToEdgeList中創建相等高度的ListItems?
標準EdgeToEdgeList
與ListItem
S:
+-------------------+
| Standard ListItem |
|-------------------|
| Standard ListItem |
|-------------------|
| Standard ListItem |
|-------------------|
| Standard ListItem |
+-------------------+
標準EdgeToEdgeList
與可變高度列表項;
+-------------------+
| Standard ListItem |
|-------------------|
| Standard ListItem |
|-------------------|
| Standard ListItem |
| with some long |
| text and variable |
| height that wraps |
| to next line |
|-------------------|
| Standard ListItem |
+-------------------+
EdgeToEdgeList
與高度相等列表項(較小的列表項「取」的最大高度):
+-------------------+
| |
| |
| Standard ListItem |
| |
| |
|-------------------|
| |
| |
| Standard ListItem |
| |
| |
|-------------------|
| Standard ListItem |
| with some long |
| text and variable |
| height that wraps |
| to next line |
|-------------------|
| |
| |
| Standard ListItem |
| |
| |
+-------------------+
我試圖複製通過設置列表項目的variableHeight
財產實現第三方案。有沒有一個標準的方法來做到這一點?
編輯:我沒有提到,我以編程方式構建列表,所以我不知道最大的項目的高度。像這樣的工作可以嗎?
var largest = 0;
array.forEach(list.getChildren(), function(child) {
var childHeight = domStyle.get(child.domNode, 'height');
largest = (childHeight > largest) ? childHeight : largest;
});
array.forEach(list.getChildren(), function(child) {
domStyle.set(child.domNode, 'height', largest + 'px');
});
這似乎有點「hack-y」。
感謝您的答案mccrager。該列表正在編程生成,所以我不知道最大列表項的高度。 – naivedeveloper 2012-07-12 20:00:48