钛合金定制行问题

Question

问题：

App - 基于网络

我一直在提及http://cssgallery.info/custom-row-for-tableview-in-appcelerator-titanium/如何创建自定义行

我的应用从服务器收集json并逐行解析。然后它将每一行推入一个数组，最后输出到视图。

无论我怎么做，这个视图似乎都缺失了，请看附图。

如果您查看数据似乎正在解析但未显示的已创建页面的源，似乎只处理了DISTANCE

for (var i = 0; i < parseddata.jsonp.length; i++) {

            var lastRow = i, c = lastRow + 30;
            lastRow < c;
            lastRow++;

            var VAIRABLE2 = parseddata.VAIRABLE2[i];
                            var VAIRABLE3 = parseddata.VAIRABLE3[i];
            var DISTANCEFROMEVENT = parseddata.DISTANCEFROMEVENT[i];            

            var labelDesc = Ti.UI.createLabel({
                text : VAIRABLE2,
                font : {
                    fontFamily : 'Arial',
                    fontSize : 16,
                    fontWeight : 'bold'
                },
                //                  color : '#FFFFFF',
                //                  width:'auto',
                //                  textAlign:'left',
                top : 2,
                left : 40,
                height : 16
            });

            var labelDetails = Ti.UI.createLabel({
                text : DISTANCEFROMEVENT,
                font : {
                    fontFamily : 'Arial',
                    fontSize : 12,
                    fontWeight : 'bold'
                },
                //                  color : '#FFFFFF',
                //                  width:'auto',
                //                  textAlign:'left',
                bottom : 0,
                left : 60,
                height : 12
            });

            var labelDist = Ti.UI.createLabel({
                text : DISTANCEFROMEVENT,
                font : {
                    fontFamily : 'Arial',
                    fontSize : 12,
                    fontWeight : 'bold'
                },
                //                  color : '#FFFFFF',
                //                  width:'auto',
                //                  textAlign:'right',
                bottom : 0,
                right : 2,
                height : 12
            });

            // apply rows to data array
            row.add(labelDesc);
            row.add(labelDetails);
            row.add(labelDist);
            tableData.push(row);
        }
        lastRow = c;
        // and push this into our table.
        eventslisttable.setData(tableData);

Answer 1

我没有看到行的代码，所以尝试将行的高度设置为Ti.UI.SIZE，将所有标签的宽度设置为Ti.UI.SIZE

最重要的是确保你获得VAIRABLE2和DISTANCEFROMEVENT的值

Answer 2

好的 - 通过删除'height'找到每件东西再次开始工作....

感谢您的帮助Mitul