This question is locked. New answers and comments are not allowed.
I'm new to NativeScript and I'm trying out RadListView but I'm getting an "Error: A Frame must be used to navigate to a page".
I copied & pasted the code from https://www.nativescript.org/blog/a-deep-dive-into-telerik-ui-for-nativescripts-listview and only took out the CSS references.
main-page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:lv="nativescript-telerik-ui/listview" loaded="pageLoaded">
<lv:RadListView id="listview">
<lv:RadListView.listViewLayout>
<lv:ListViewLinearLayout scrollDirection="Vertical"/>
</lv:RadListView.listViewLayout>
<lv:RadListView.itemTemplate>
<StackLayout>
<Label text="{{ itemName }}" />
<Label text="{{ itemDesc }}" textWrap="true" />
</StackLayout>
</lv:RadListView.itemTemplate>
</lv:RadListView>
</Page>
main-page.js
var listview = require("nativescript-telerik-ui/listview");
var view = require("ui/core/view");
exports.pageLoaded = function(args) {
var items = [];
items.push(
{
itemName: "Arcade Fire",
itemDesc: "Funeral"
},
{
itemName: "Bon Iver",
itemDesc: "For Emma, Forever Ago"
},
{
itemName: "Daft Punk",
itemDesc: "Random Access Memories"
},
{
itemName: "Elbow",
itemDesc: "Build a Rocket Boys!"
}
)
var page = args.object;
var listview = view.getViewById(page, "listview");
listview.items = items;
}
Any ideas on what I'm missing?
I copied & pasted the code from https://www.nativescript.org/blog/a-deep-dive-into-telerik-ui-for-nativescripts-listview and only took out the CSS references.
main-page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:lv="nativescript-telerik-ui/listview" loaded="pageLoaded">
<lv:RadListView id="listview">
<lv:RadListView.listViewLayout>
<lv:ListViewLinearLayout scrollDirection="Vertical"/>
</lv:RadListView.listViewLayout>
<lv:RadListView.itemTemplate>
<StackLayout>
<Label text="{{ itemName }}" />
<Label text="{{ itemDesc }}" textWrap="true" />
</StackLayout>
</lv:RadListView.itemTemplate>
</lv:RadListView>
</Page>
main-page.js
var listview = require("nativescript-telerik-ui/listview");
var view = require("ui/core/view");
exports.pageLoaded = function(args) {
var items = [];
items.push(
{
itemName: "Arcade Fire",
itemDesc: "Funeral"
},
{
itemName: "Bon Iver",
itemDesc: "For Emma, Forever Ago"
},
{
itemName: "Daft Punk",
itemDesc: "Random Access Memories"
},
{
itemName: "Elbow",
itemDesc: "Build a Rocket Boys!"
}
)
var page = args.object;
var listview = view.getViewById(page, "listview");
listview.items = items;
}
Any ideas on what I'm missing?