2014-06-10 68 views
0

問題:鈦合金定製行問題

應用 - 基於Web的

我已經提到http://cssgallery.info/custom-row-for-tableview-in-appcelerator-titanium/關於如何創建一個自定義行

我的應用程序從服務器收集JSON,並通過它分析逐行。然後它將每行放入一個數組,最後進入視圖。

無論我如何做到這一點,視圖似乎缺少,請參閱附加圖像。

看來只有距離處理怎麼過,如果你看一下創建頁面的數據似乎源將通過解析,但不顯示

Image of The Problem

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); 
+0

刪除錯誤標籤「合金」,這標誌着作爲與合金的建模問題由Daniel Jackson和他的學生在麻省理工學院開發的工具。這個問題是關於另一種名爲合金的工具,用標籤「鈦合金」表示。 –

回答

0

我看不到代碼所以嘗試將行的高度設置爲Ti.UI.SIZE,並將所有標籤的寬度設置爲Ti.UI.SIZE

並且最重要的是確保您獲得VAIRABLE2和DISTANCEFROMEVENT的值

+0

行代碼... \t \t \t \t VAR行= Ti.UI.createTableViewRow({ \t \t \t \t \t selectedBackgroundColor: '紅', \t \t \t \t \t高度: '汽車', \t \t \t \t \t rowIndex:i,//定製屬性,用於確定事件期間的行 \t \t \t \t \t的className:用於改善性能表 'event_row',// \t \t \t \t \t \t // \t \t \t \t滾動:真, \t \t \t \t \t \t // \t \t \t \t touchEnabled:真, \t \t \t \t \t hasChild:true \t \t \t \t}); 我剛剛嘗試Ti.UI.Size - 仍然一樣...非常奇怪 –

0

OK - 通過刪除「高度」發現每一件事情又開始工作....

感謝您的幫助Mitul

+0

這是偉大的,但你應該使用Ti.UI.SIZE,而不是使用自動,因爲它現在被depricated一天... –

+0

感謝您的飼料背部 –