Question

我正在使用appcelerator构建一个应用程序，该应用程序显示带有自定义模板的ListView。所以这是我的xml文件的代码：

<ListView id="elementsList" defaultItemTemplate="elementTemplate">
            <Templates>
                <ItemTemplate name="elementTemplate" class="itemTemplate">

                    <View id="atomProperties">
                        <Label bindId="name" id="name" />
                        <View id="secondLine">
                            <Label class="line2 fieldLabel" text="from: " />
                            <Label class="line2" bindId="dateStart" id="dateStart" />
                            <Label class="line2 fieldLabel" text=" to: " />
                            <Label class="line2" bindId="dateEnd" id="dateEnd" />
                        </View>
                        <Label bindId="quantity" id="quantity" left="0"/>
                    </View>
                </ItemTemplate>
            </Templates>
            <ListSection>               
                <ListItem quantity:text="10 minute" quantity:color="#090"  name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/>
                <ListItem quantity:text="15 minute" quantity:color="#090" name:text="Helium" dateStart:text="02-01-2015" dateEnd:text="10-10-2019"/>
                <ListItem quantity:text="25 minute" quantity:color="#090" name:text="Lithium" dateStart:text="01-01-2001" dateEnd:text="01-01-2018"/>
                <ListItem quantity:text="10 minute" quantity:color="#090"  name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/>
                <ListItem quantity:text="15 minute" quantity:color="#090" name:text="Helium" dateStart:text="02-01-2015" dateEnd:text="10-10-2019"/>
                <ListItem quantity:text="25 minute" quantity:color="#090" name:text="Lithium" dateStart:text="01-01-2001" dateEnd:text="01-01-2018"/>
            </ListSection>
        </ListView>

这是我的tss文件的一部分：

"ListItem": {
    accessoryType: Titanium.UI.LIST_ACCESSORY_TYPE_DISCLOSURE
}

因此，如果我尝试启动我的应用程序，我可以看到：

这没关系。现在我想用数据库中的数据设置ListSection。

所以我从我的xml文件中删除了这段代码：

<ListItem quantity:text="10 minute" quantity:color="#090"  name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/>
                <ListItem quantity:text="15 minute" quantity:color="#090" name:text="Helium" dateStart:text="02-01-2015" dateEnd:text="10-10-2019"/>
                <ListItem quantity:text="25 minute" quantity:color="#090" name:text="Lithium" dateStart:text="01-01-2001" dateEnd:text="01-01-2018"/>
                <ListItem quantity:text="10 minute" quantity:color="#090"  name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/>
                <ListItem quantity:text="15 minute" quantity:color="#090" name:text="Helium" dateStart:text="02-01-2015" dateEnd:text="10-10-2019"/>
                <ListItem quantity:text="25 minute" quantity:color="#090" name:text="Lithium" dateStart:text="01-01-2001" dateEnd:text="01-01-2018"/>

从我的controller.js我建立这段代码：

function populateTable(){
    var collection = Alloy.createCollection("SocialHistoryDAO");
    collection.fetch();
    collection.forEach(function(e, i, a) {
        items.push({                    
            dateStart : {text : e.get("DateStart")}, 
        name : {text : e.get("DisplayName")},
        dateEnd : {text : e.get("DateEnd")}, 
        quantity : {color:"#090", text : e.get("Quantity")+" "+e.get("UnityMeasure")}               
        }); 
    });
    $.elementsList.sections[0].setItems(items);

}

如果我尝试启动我的应用程序，我可以看到列表视图永远不会符号＆＃34;＆gt;＆＃34;在每个项目的右边。

我该如何解决？

Answer 1

您的代码中不再有ListItem，因此添加样式当然不会有效。

但是，您可以设置模板样式。因此，更改标识符，它应该工作

".itemTemplate": {
    accessoryType: Titanium.UI.LIST_ACCESSORY_TYPE_DISCLOSURE
}

永远不要在appcelerator中使用自定义ListView进行映像

1 个答案: