Juc*_*uck 5 javascript listview nativescript
我是NS的新手,我正在尝试在游乐设施列表中显示乘客列表(每个游乐设施都有很多乘客)。
因此,我试图将一个listview(乘客)放在一个全局listview(游乐设施)内,该游乐设施的listview起作用,但不适用于乘客(显然),但我认为这不是正确的方法。
这是我的代码:
rides.xml:
<ListView items="{{ ridesList }}" id="ridesList">
<ListView.itemTemplate>
<!-- Rides -->
<StackLayout class="box" orientation="vertical">
<GridLayout class="boxHeader" rows="auto" columns="*">
<Label class="title" verticalAlignment="center" horizontalAlignment="left" text="{{reference}}" />
</GridLayout>
<StackLayout class="boxContent" orientation="vertical">
<GridLayout class="checkpoints" rows="auto, auto" columns="80, *, 60">
<!-- -->
<ListView items="{{ passagers }}" id="passagersList">
<ListView.itemTemplate>
<StackLayout class="timedate" orientation="vertical" row="0" col="0">
<Label class="time" text="14:32" />
<Label class="firstname" text="{{firstname}}" />
</StackLayout>
[...]
</ListView.itemTemplate>
</ListView>
</GridLayout>
</StackLayout>
</StackLayout>
<!-- /Rides -->
</ListView.itemTemplate>
</ListView>
Run Code Online (Sandbox Code Playgroud)
rides.js
var ride = new RideViewModel([]);
[...]
exports.loaded = function(args) {
var page = args.object;
page.bindingContext = ride;
ride.futurCourse().then(function(data) {
[...]
ride.fillFuturCourse(data);
});
};
Run Code Online (Sandbox Code Playgroud)
ride-view-model.js
viewModel.fillFuturCourse = function(data){
var testdModel = new ObservableArray();
var jsone = JSON.parse('{"course":[{"id":"5","reference":"test","passagers":[{"firstname":"julien"},{"firstname":"andre"}]},{"id":"6","reference":"RF7878788"}]}');
testdModel= jsone.course;
viewModel.set("ridesList",testdModel);
};
Run Code Online (Sandbox Code Playgroud)
谢谢 !
| 归档时间: |
|
| 查看次数: |
554 次 |
| 最近记录: |