【问题标题】:Titanium Alloy Custom Row Problems钛合金定制排问题
【发布时间】:2014-06-10 13:12:05
【问题描述】:

问题:

应用 - 基于网络

我一直在参考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);

【问题讨论】:

  • 删除了错误的标签“合金”,这标志着该问题与丹尼尔杰克逊和他的学生在麻省理工学院开发的合金建模工具有关。这个问题是关于另一个名为 Alloy 的工具,用标签“钛合金”表示。

标签: titanium titanium-alloy


【解决方案1】:

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

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

【讨论】:

  • 行代码... var row = Ti.UI.createTableViewRow({ selectedBackgroundColor : 'red', height:'auto', rowIndex : i, // 自定义属性,用于确定行期间events className : 'event_row', // 用于提高表格性能 // scrollable: true, // touchEnabled: true, hasChild : true });我刚刚尝试过 Ti.UI.Size - 仍然一样......非常奇怪
【解决方案2】:

好的 - 通过删除 'height' 发现一切都开始工作了......

感谢您的帮助米图尔

【讨论】:

  • 这很好,但你应该使用 Ti.UI.SIZE 而不是使用 auto,因为它现在已经被贬低了几天......
  • 感谢您的反馈
猜你喜欢
  • 1970-01-01
  • 2014-11-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多