0

我有一个 ListView，但我需要向每个 ListItem 添加单元格，我不知道我需要添加多少单元格，这可能吗？

我无法将视图添加到模板内的 ListItem，我的 id 和 bindId 等于 ListItem 元素上的“行”。

我能想到的唯一其他解决方案是拥有 12 个单元格，并隐藏我不需要的单元格。

//widget.xml
<Alloy>
    <View id="widget">
        <ListView id="list" defaultItemTemplate="list">
            <Templates>
                <ItemTemplate name="list" bindId="row" id="row"/>
            </Templates>
            <ListSection/>
        </ListView>
    </View>
</Alloy>

我有一个带有 bindId 的数组要添加到每个单元格：

//cell.js
$.title.bindId = args.cell;

//cell.xml
<Alloy>
    <View id="cell">
        <Label id="title"/>
    </View>
</Alloy>

我有 12 个单元格，宽度设置为 0，我只设置我正在使用的列的宽度，其他的保持隐藏。这是我的实际文件：

<ListView id="list" defaultItemTemplate="item">
    <Templates>
        <ItemTemplate name="item" class="item" id="item" bindId="item">
            <View id="row" bindId="row">
                <View class="cell" bindId="cell1" id="cell1">
                    <View class="border left"/>
                    <Label class="title" bindId="title1" id="title1"/>
                    <View class="border right"/>
                    <View class="line"/>
                </View>
                ....
                <View class="cell" bindId="cell12" id="cell12">
                    <View class="border left"/>
                    <Label class="title" bindId="title12" id="title12"/>
                    <View class="border right"/>
                    <View class="line"/>
                </View>
            </View>
        </ItemTemplate>
    </Templates>
    <ListSection/>
</ListView>

这是我的控制器的一部分：

data.items = [];

for(var i = 0; i < 100; i++) if(data.list[i]) {

    var row = {
        properties:{
            searchableText:''
        }
    };

    for(var c in args.columns) {

        row.properties.searchableText += data.list[i][args.columns[c].alias]+' ';

        row['cell'+parseInt(parseInt(c)+1)] = {
            width:data.width
        };

        row['title'+parseInt(parseInt(c)+1)] = {
            text:data.list[i][args.columns[c].alias]
        };
    }

    data.items.push(row);
};

$.list.sections[0].setItems(data.items);
4

1 回答 1

1

我认为您正在寻找的是适用于 iOS 的 UICollectionView 或适用于 Android 的 GridLayout。您可以使用 Marcel 的模块在 Titanium 中使用它：

https://github.com/mpociot/TiCollectionView

如果你真的必须使用 ListView，那么是的，我认为你想出的几乎是唯一的方法。

于 2016-05-24T12:48:48.650 回答