Questions on Kendo UI for jQuery Forum

1 answer

274 views

I'm trying to limit the columns returned by a oData query. Does dataSource support the oData $select query option? I was able to get $expand working and it was implemented at the same time, I recall. This is what I'm attempting, but I'm not sure if I'm implementing $select correctly.

var gridDataSource = new kendo.data.DataSource({

type: "odata",

schema: {

data: function (data) {

if (data.value) {

return data.value;

}

delete data["odata.metadata"];

return [data];

},

total: function (data) {

return data["odata.count"];

}

},

pageSize: 10,

scrollable: false,

sort: { field: "Name", dir: "asc" },

transport: {

read: {

url: "/GLMEntitiesModelService.svc/Devices",

data: {

$expand: "Location",

$select: "ID,LocationFK,Name,Vendor,Product,Component"

}

});

Data Source

answered on 20 Mar 2014

8 answers

199 views

Grid custom editing example

Hello,

I am attempting to setup a scenario similar to your "Grid custom editing" example however I have a few questions regarding how the combobox/dropdown is bound.

In the .cshtml file you have the following code when setting up the Category column:

columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160);

I've got a few questions on this. I've tried to track down the "ClientTemplate" property in the Kendo documentation and haven't found a thing, so could you explain what is going on here? I'm assuming the #=Category.CategoryName# is basically saying show the CategoryName property of the object that is bound to the list item, but I'm not really sure. If I'm wrong, please tell me what is being done with this syntax.

Next, I see where you are setting the DefaultValue by accessing ViewData["defaultCategory"], but I don't see anywhere that you access ViewData["categories"] which is what I am assuming you are binding the dropdownlist to.

Are there pieces of this little app that is displayed online that you are not showing the code to? Can you explain how the drop down is being databound to the list of categories?

What I am after is that the grid would be bound to a collection on my viewmodel and the combox would be bound to another property on the viewmodel.

Thanks for any help!

Grid

answered on 20 Mar 2014

1 answer

50 views

Change behaviour of markers in Q1 2014

Hi,

I tried the new version of Kendo DataViz. However, I noticed a degression of how markers are handled for the area chart. In Q3 2013, when hovering a value, the marker would show itself. In 2014, it does not anymore. It's quite bad from a UX point of view because of the loosed context. You can see the problem in your demos too: http://demos.telerik.com/kendo-ui/dataviz/area-charts/index.html

Charts

answered on 20 Mar 2014

2 answers

130 views

[Solved] KendoUI Grid breaking in iPad [bug]

I have a grid setup and I set an interval so that it reads the dataSource every few seconds. This works fine on desktop and iPad (mostly).

The issue I'm seeing is that if you're scrolling the grid on iPad during a 'tick' (when I do grid.dataSource.read()), the grid freezes completely and I can't scroll. Oddly, the data still updates.

To reproduce:
I set up a JS Fiddle: http://jsfiddle.net/dmathisen/ERgkA/
(the numbers don't update but that's not the point, the issue is still reproducible)

1) Open in an iPad
2) Scroll vertically left and right for a couple seconds.
3) After 2 seconds, grid.dataSource.read() will trigger and the grid will freeze up and scrolling the grid breaks

Grid

answered on 20 Mar 2014

5 answers

629 views

Display related data from Entity Model

Just started using Kendo.UI and I can't seem to find any documentation on how to do what I need in JavaScript. I have a ORM Entity Model I'm accessing in the web project via a web service (oData/JSON). I can get the top-level data of any table just fine. But let's say I have a table called Devices (because I do) and it has a association called DeviceHasLocation (because it does) and I want to display the Name of the associated Location in a grid of Devices. What would the code for that look like?

I need to do something similar for a LOT of these associations, so a reusable methodology would be much appreciated.

Data Source

answered on 20 Mar 2014

1 answer

94 views

grid data visualization on Ipad

Hello,
we are using Kendo components to build the a multibrowser UI for a complex financial web application.
We use the library kendo.all.min.js library, version 2013.2.918, to run the client frontend both on desktop and tablet, specifically Ipad.
On Ipad we are experiencing the following problem:
when se load the data foer a grid, the loading operation terminates but the data is not visible and the grid remains empty. If I " play with the screen", say I enlarge it or shrink it, the application seems to reactivate and the data appears, but I believe the data was already there.
This problem does not happen on Windows PC with Explorer/Chrome/Firefox browsers.
Unfortunately I don't have a Mac for further debug
The Ipad info are:
Version iPad 7.0.6 (11B651)
browser 7.0
Webkit 537.51.1
Safari 9537.53

Though the question is vague, please give me a hint,

thank you for your help

best regards

Marco

Grid

answered on 20 Mar 2014

13 answers

231 views

v2013.2.1024 declarative binding an endless scrolling list view is broken

My endless scrolling listviews were working (excepting a couple of bugs that I've already brought up on this forum) until I updated to v2013.2.1024 and now I get the following error:

"Uncaught Error: the DataSource does not have page size configured. Page Size setting is mandatory for the mobile listview virtual scrolling to work as expected."

I found that this only happens when I use declarative binding. This problem also occurs in the latest available beta v2013.3.1030.

Cheers
Dean

ListView (Mobile)

answered on 20 Mar 2014

1 answer

97 views

How to handle Whitespace-Problem with Knockout-Binding?

Hi there, it's me again with another ScrollView-issue:

I have an array of knockout-viewmodels.
For each viewmodel, I'd like to get a page in my ScrollView-instance.

Now I get the problem described in your documentation: If there's a whitespace, you'll get an extra page.
Unfortunately the template-workaround doesn't work here and I cannot work with datasource as my knockout-bindings are initialized before I initialize kendoUI Mobile (there is much more going on in the app, so changing that order would be a lot of refactoring which I'm trying to avoid).

Because I can't find a way to define a specific number of pages (as a simple workaround), I'm hopping for your help :)

Thanks for your help!

Cheers,
Richard

ScrollView (Mobile)

answered on 20 Mar 2014

2 answers

344 views

Issue binding a click event handler within a template item

Hello, I'm trying to bind an array of primitive objects to an un-ordered list using the example from the getting started documentation here:

http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/source#source-binding-to-array-of-primitive-objects

I'd like to add a button along side each list item that, when clicked, removes the item from the list.

When I run the example above without the addition of a click event handler, everything works fine as the below link shows:

http://jsbin.com/muzameko/3/edit

However, when I add a click event handler to the same span, or even a neighboring span element as below...

http://jsbin.com/muzameko/4/edit

I get the following error in Chrome's console:

Uncaught TypeError: Object Coffee has no method 'get'

and the rest of the list fails to render correctly. Is this a bug or am I binding in an unusual way?

Thanks in advance, Sam.

MVVM

answered on 20 Mar 2014

1 answer

397 views

Selected Button Text Color (Action)

I am using your Mobile ThemeBuilder and I can not get the selected button's text in the ButtonGroup to change color. I've tried many different ways to change the color through declarative css styles. (No Inline, I can not use inline styling).

This is the style that is generated by your theme builder:

.km-ios7 .km-view .km-navbar .km-view-title > * .km-button.km-state-active .km-text {
color: rgb(0, 63, 135);
}

It does not work. The selected button's text is always white.

Thank you for your time.

ButtonGroup

answered on 20 Mar 2014