2017-01-26 9 views
1

NativescriptフリーライブラリのTelerik UIからのRadListViewの表示に問題があります。 http://docs.telerik.com/devtools/nativescript-ui/Controls/NativeScript/ListView/getting-startedTelerik Nativescript用のRadListViewが表示されない

XML::

<Page loaded="onPageLoaded" xmlns:lv="nativescript-telerik-ui/listview" xmlns="http://www.nativescript.org/tns.xsd"> 
    <lv:RadListView items="{{ dataItems }}" > 
     <lv:RadListView.listViewLayout> 
      <lv:ListViewLinearLayout scrollDirection="Vertical"/> 
     </lv:RadListView.listViewLayout> 
     <lv:RadListView.itemTemplate> 
      <StackLayout orientation="vertical"> 
       <Label fontSize="20" text="{{ itemName }}"/> 
       <Label fontSize="14" text="{{ itemDescription }}"/> 
      </StackLayout> 
     </lv:RadListView.itemTemplate> 
    </lv:RadListView> 
</Page> 

コードビハインド:

import viewModel = require("./getting-started-model"); 
export function onPageLoaded(args){ 
    var page = args.object; 
    page.bindingContext = new viewModel.ViewModel(); 
} 

モデル:

import {ObservableArray} from "data/observable-array"; 
import timer = require("timer"); 

export class ViewModel { 

    private _items: ObservableArray<DataItem>; 
    private _words = ["One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten"]; 

    constructor() { 
    } 

    get dataItems() { 
     if (!this._items) { 
      this._items = new ObservableArray<DataItem>(); 

      for (var i = 0; i < 10; i++) { 
       this._items.push(new DataItem(i, "Item " + i, "This is item description.")); 
      } 
     } 
     return this._items; 
    } 

    private getRandomLengthString(){ 
     var sentenceLength = Math.round((Math.random() * 15)); 
     var result = this._words[0]; 
     for (var i = 0; i < sentenceLength; i++){ 
      result += (this._words[i % this._words.length] + " "); 
     } 
     return result; 
    } 
} 

export class DataItem { 
    public id: number; 
    public itemName; 
    public itemDescription; 

    constructor(id: number, name: string, description: string) { 
     this.id = id; 
     this.itemName = name; 
     this.itemDescription = description; 
    } 
} 

しかし、私は取得していますすべてが空白のページ私が入門ガイドからのサンプルを実装しました.. NSバージョン2.3.0を使用しています

私は間違っていますか?

+0

ViewModelはObservableのサブクラスである必要があります。 – dashman

+1

'radListView'に高さを与えてみてください。同じ問題がiOSにありました。 'radListView'の外側にある' __OR__ 'StackView'です。 –

+0

ええ、問題は高さがあってラメ..:/ – Xoyce

答えて

0

問題はリストの高さです。明らかに、高さは明示的に指定する必要があります。例:

style="height: 500px" 
関連する問題