Scrollview headaches

[Ioan]

Here is a jsbin:
http://jsbin.com/yacexujequ/6/edit

In second view there's a ScrollView which I want to initialize dynamically via a button.
The problem is the ScrollView is unresponsive. You simply can't swipe through pages.
But if I initialize it on view show, it works without a hitch.
Please tell me what am I doing wrong...

[Alexander Valchev]

Hi Ioan,

The issue occurs because the widget is build after View is initialized. In that case the widget will not be able to automatically calculate its dimensions.
The solution is to manually refresh it.

var buttonclick = function () {
    $("#gallery").kendoMobileScrollView({
      dataSource: {
        data: [{ id: 1, name: "abc" }, { id: 2, name: "abccc" }, { id: 3, name: "abcc" }] },
        template: "${name}",
        contentHeight: "100%"
    })
    .getKendoMobileScrollView()
    .refresh();
};

I hope this information will help.

Regards,
Alexander Valchev
Telerik

 

 

[Ioan]

Yes, that worked! Thank you!  I had a hunch that might be the cause, but I didn't suspect a simple refresh would do the trick...