Frame Error: Getting Started with RadListView


#1

I have installed:
tns-core-modules@3.0.0
nativescript-telerik-ui@2.0.1

Running in helloWorld templete. copied sample code from https://www.nativescript.org/blog/a-deep-dive-into-telerik-ui-for-nativescripts-listview

What am I missing?

Thanks in advance…


#2

main-page.xml

<ActionBar title="RadListView Demo" class="action-bar" />

<lv:RadListView id="listview" class="list-group"> 
    <lv:RadListView.listViewLayout>
        <lv:ListViewLinearLayout scrollDirection="Vertical"/>
    </lv:RadListView.listViewLayout>
    <lv:RadListView.itemTemplate>
        <StackLayout class="list-group-item">
            <Label text="{{ itemName }}" class="list-group-item-heading" />
            <Label text="{{ itemDesc }}" textWrap="true" class="list-group-item-text" />
        </StackLayout>
    </lv:RadListView.itemTemplate>
</lv:RadListView>

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;
}


#3

Somehow my project app.js file had the old format giving the error, it works find now with the new format.

OLD:

var application = require(“application”);
application.mainModule = “main-page”;
application.cssFile = “app.css”;
application.start();

NEW:

require("./bundle-config");
var application = require(“application”);

application.start({ moduleName: “main-page” });