Question

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

我无法在模板中的ListItem中添加视图，我的id和bindId等于＆＃39; row＆＃39;在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);

Answer 1

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

https://github.com/mpociot/TiCollectionView

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

将控制器添加到ListView模板

1 个答案: