Questions on Kendo UI for jQuery Forum

6 answers

504 views

Hi,
I have a problem with endlessScroll in mobile ListView. The problem is, when last page is loaded, if I scroll down it continue to load last page over and over again.

Here are the code snippets that show how list is defined and initialized:

<div id="view-list" data-role="view" data-layout="view-layout">

<div>

<ul id="list">

</ul>

</div>

var dataSource = new kendo.data.DataSource({

pageSize: 10,

page: 1,

serverPaging: true,

transport: {

read: {

url: url,

dataType: "jsonp"

},

parameterMap: function (options) {

var parameters = {

pageSize: options.pageSize,

page: options.page

}

return parameters;

}

},

schema: {

data: function (data) {

return data.result;

},

total: function (data) {

return data.count; // total number of items

}

},

error: function () {

onError("Communication error");

}

});

if ($("#list").data("kendoMobileListView") == undefined) {

$("#list").kendoMobileListView({

dataSource: dataSource,

template: $("#template").html(),

endlessScroll: true,

scrollTreshold: 30,

click: function (e) {

...

}

});

}

else {

$("#list").data("kendoMobileListView").dataSource = dataSource;

$("#list").data("kendoMobileListView").refresh();

}

Additional notes: List shows items based on selection in previous view. Data source is created every time from beginning. Upon first selection, list is initialized. Other selections change data source and refresh list.

I get same behaviour if I use loadMore option instead of endlessScroll.

Could you please help? If this is expected behaviour, is there an option to disable endless scroll using JavaScript (for example, when last page is loaded)?

ListView

answered on 07 Nov 2012

2 answers

1.2K+ views

How to display "no data message" when RemoteDataSource is empty?

I tried to display the no data message but failed.
Below is my try:

http://www.kendoui.com/forums/framework/data-source/best-way-to-handle-no-data-in-a-datasource.aspx
Tried above to use dataBound event to inject "no data message", but it seems there is no such event in mobile ListView
another approach is to use "change" event of dataSource, but things will get nasty if the data source is shared...
[Edit] This doesn't work. After the event is fired, you can insert html into the DOM, but it will be overwrriten by the empty view generated by the ListView

What's the best practice for doing this?

Thanks!

ListView (Mobile)

answered on 07 Nov 2012

3 answers

154 views

Kendo Chart iPad Series Click

Our users are having problems effecting the series click event on iPad, especially when the width of the bars on a column chart is particularly narrow. The Roadmap for Dataviz states that the Q3 2012 release will include new chart interactions that support touch "out of the box" - can anybody from Telerik confirm whether existing interactions (i.e. series click) will see improved functionality from touch based devices in the Q3 2012 release?

Charts

answered on 07 Nov 2012

0 answers

233 views

Bug in the focusout event handler when editing a grid cell

Inside of the Grid code, there is a handler function attached to the current cell's focusout event. This function grabs the current element that was clicked, and checks if it is a child of the current cell. If it is, then it keeps the cell in edit mode, and if it isn't, it knows the user clicked else where and so it closes the current cell's edit mode.

The bug that I'm seeing in IE is that you're grabbing the target element that was clicked by using document.activeElement. In IE, in some scenarios (not sure exactly which scenarios, nor do I have the time to figure it out or try to reproduce, sorry.), document.activeElement is set to the body element. The code then checks to see if the current cell contains the body, which of course it doesn't, so it closes the cell's edit mode.

I worked around this by passing the jquery event object to the handler, and then setting target equal to the event.target property. event.target *should* always be the same as document.activeElement, but of course in IE *should* and *is* are quite often miles apart.

Just wanted to bring this to your attention. Hopefully this is the right place to bring this up.

Thanks,
Bob

Grid

asked on 07 Nov 2012

0 answers

91 views

Having issues with dates

Hi, I'm trying to remotely bind a grid through json.

Here is a sample of my json:
[{"dateadded":"October, 29 2009 13:45:00"}]

my grid, with this as a template:
#= kendo.toString(dateadded,"MM/dd/yyyy") #

is displaying as this:
10/01/2029

I'm using coldfusion to serialize my json and its being pulled from a datetime format field. If I manipulate the data before it gets serialized to reflect mm/dd/yyyy then its ok. I still want to make sure it sorts correctly too.

any guidance to what I could be doing wrong?

Grid

asked on 07 Nov 2012

1 answer

599 views

Kendo Chart Bar Width

Is there any way of manage the bar width?. I need to set the bar width manually.

Thanks.

Charts

answered on 07 Nov 2012

3 answers

96 views

License with V1 release?

Has the KendoUI licensing changed at all with the V1 release?
On the pricing page it says that KendoUI Mobile is included. Does that mean we don't need to buy KendoUI Mobile separately?

General Discussions

answered on 07 Nov 2012

1 answer

247 views

Binding Kendo to MS Sql Database

Do you have any examples of how to bind Kendo to an MS SQL Database. I saw the following response to this question in one of your blogs but it wasn't helpful - Is there support for SQL Server?
All we require is an endpoint for the data (as XML or JSON). Expose that from SQL Server and you're all good!

Example would be great!

Roger

General Discussions

answered on 07 Nov 2012

1 answer

54 views

Kendo UI Mobile Themebuilder problem

I have used the Themebuilder on the Kendo UI site to create a theme that reflects my company style. It seems that the Export button only output a few lines of code (way to less code, I assume).

 .km-ios .km-view .km-navbar .km-button.km-state-active {
    background-color: rgb(236, 32, 40);
}
.km-ios .km-view .km-content .km-list .km-state-active .km-listview-link {
    background-color: rgb(236, 32, 40);
}
.km-ios .km-view .km-navbar {
    background-color: rgb(0, 111, 81);
}
.km-ios .km-view .km-content .km-list > li {
    background-color: rgb(0, 111, 81);
}
.km-ios .km-view .km-content {
    background-color: rgb(255, 255, 255);
}
.km-ios .km-view .km-navbar .km-view-title > * {
    color: rgb(255, 255, 255);
}
.km-ios .km-view .km-tabstrip {
    background-color: rgb(0, 111, 81);
}
.km-ios .km-view .km-content .km-list > li .km-icon {
    background-color: rgb(236, 32, 40);
}

When I include that css in my project below the existing reference to Kendo CSS it seems that this has no effect in my app.

Anyone who has used the Kendo mobile themebuilder (http://demos.kendoui.com/mobilethemebuilder/index.html) can tell me what could be wrong?

General Discussions

answered on 07 Nov 2012

3 answers

837 views

Pass HTML to the ListView Template

When creating a template, I included a ${someHTMLText} in my template. The result is that the HTML is displayed as text on the screen rather than rendered by the browser. Is this possible?

ListView

answered on 07 Nov 2012