Hi, I'm trying to put some results in a ListView with Endless Scroll.

I have
<div class="view-content">
    <ul id="searchResults"></ul>
</div>

<script type="text/x-kendo-tmpl" id="template">
            <a data-role="button" data-bind="click: onDetails(#= var1 #)">
                <div class="person">
                    <h3>#:var2#</h3>
                    <p>#:var3#</p>
                    <p>#:var4#</p>
                </div>
            </a>
        </script>
in my index.html file.

Then, I have
var dataSource = new kendo.data.DataSource({
    data: response
});

$("#searchResults").kendoMobileListView({
    dataSource: dataSource,
    template: $("#template").text(),
    endlessScroll: true,
    virtualViewSize: 50
});
in a separate script file.

The variable response is the response from the success callback of an ajax call. The initialization of the Mobile ListView is inside of the success callback. I have my reasons for doing this instead of using the transport: read option in the Kendo UI's DataSource.
In the Q2 version of Kendo UI, it would bunch all the results at the top; that is, all the results would be shoved into the space for one result.
In the Q3 version of Kendo UI, I get an uncaught TypeError: "Cannot call method 'makeVirtual' of null at kendo/js/kendo.mobile.min.js (line: 15)."

I have tried setting the pageSize of the dataSource, but the Q3 release brought the promise of virtualizing local data. Unfortunately, it isn't working.
Thanks in advance!

I'm trying to get the scheduler to print out the month view exactly as it appears on the screen, but I'm having trouble. I tried the advice at the bottom of this page: http://docs.kendoui.com/getting-started/web/scheduler/overview, but it didn't fix the issue.

The event "blocks" aren't placed in the correct location(s). I've attached screenshots of the scheduler and of the print preview. It seems this is the case for the scheduler in the demo too - does this mean the scheduler is not printable in month view?

Thanks,

Rachael

Hello :)

I did post the same kind of question in the kendo ui framework general Discussions and i got an answer but i fact my question is more about kendo ui mobile ...

I was wondering if it was possible to use the data-click property to call a method that is inside a class that i instanciate and also using the data-attributes to pass data to this method.

i did try some things but it doesn't work. someone gave an example of this in the kendo ui framework general section but it uses the data-bind property and i do want to use the data-click one : 

i simply tried to remove the bind cause it wasn't what i wanted and replace the data-bind by a data-click but it of course doesn't work.

so would it be possible to provide an example that uses the things i said before please ? 

thank you so much for helping.

We have a web application which needs to function when internet connectivity fails. Currently we do this by cache data in localdb, then if the connection goes down, we resort to supplying data from the localdb, instead of the ajax call. When connectivity comes back we update our cache. This works well with our existing product, which uses asp.forms, and jquery templates.

In our new product we building, it is using MVC and kendo. We are using pure JS for our views rather than Razor (due to the limitations of Razor).  We have used AJAX for all the DataSource's, by simply providing a URL to read from. I know I can set the read parameter to be a function. In this function I can do a check to see if there is network connectivity. If no, then read from local db. If there is connectivity then perform the normal read from the controller action.

The original plan was to use jlinq (of hugoware.com), with Persist-JS (https://github.com/jeremydurham/persist-js). But now wondering if breeze js or jaydata would work better with kendo?

I'm trying to make a 100% height scrollview. If I make it using html attributtes (<data-role="scrollview" data-source="_500pxBatchDS"  data-template="scrollview-batch-template" data-items-per-page="4" data-content-height="100%" data-enable-pager="false">) it works right.

But I bind it using javascript functions seems that do nothing. You can see it in this example if you change the height style in batch-page to 100% at this sample:
http://jsbin.com/ULiwADU/2/edit

How can I make it works?

Thanks

I have this view, as below, which is bound the viewModel/module shown below (loaded up via requirejs as per the KendoUI Mobile Music Store).  When I load the page, the authenticate is being called (i.e., it's making that ajax network call as well).

<div data-role="view" id="login-view" data-layout="blank"

     data-model="app.views.login.viewModel">

 

    <h1 style="text-align: center;">Title</h1>

    <form id="login">

        <input data-bind="value: username" id="username" type="text" placeholder="Username" /><br />

        <input data-bind="value: password" id="password" type="password" placeholder="Password" /><br />

        <input type="submit" value="Login" data-bind="click: authenticate" />

    </form>

</div>

define(["jQuery", "kendo", "modernizr", "app/environment"], function ($, kendo, modernizr, environment) {

    var authenticate = function (username, password) {

        return $.ajax({

            url: environment.apiConnection + '/canlogin?userid=' + username + '&password=' + password,

            type: 'get',

            dataType: 'jsonp'

        });

    }

 

    authenticate().done(function (data) {

        alert(data);

    }).fail(function() {

        alert('fail');

    })

 

    return {

        viewModel: kendo.observable({

            username: null,

            password: null,

            authenticate: function () {

                var username = this.get('username'),

                    password = this.get('password');

 

                authenticate(username, password);

 

                if (!Modernizr.localstorage) {

                    alert('There was an error accessing LocalStorage on this device.');

                    return;

                }

 

                localStorage["username"] = username;

                localStorage["password"] = password;

            }

        })

    }

});

I have a grid using this command...

.Destroy(update => update.Action("EditingInline_Destroy", "Grid"))

and it hits my controller as expected...

  public ActionResult EditingInline_Destroy([DataSourceRequest] DataSourceRequest request, MemoModel memo)

But the memo is coming in Null.

How is the Destroy or Update supposed to pass in the object or ID of the row being deleted?
     

Is there a way to manually change the width of a column client side? I am setting the width property to something and its registering but it does not display the new width until I do a hide/show column or another grid action. Is there a way to manually trigger this column size refresh?

Hi
I'm trying to use web SQL databases with kendo mobile datasources. My code is based on a Kendo Web example that works fine but there is no way to make it works on mobile version. It doesn't trhow any exception but it doesn't works. Anyone has do it? I attached my code.
Thanks