Ok so take your demo D&D page with the yellow circle and the dropzone

No imagine you have 15 yellow circles, all droppable into the same single container

When we wire it up here in document .ready we're doing this


...

So that "works"...in that drag\drop works...but when we start to drag it literally grabs EVERY item in the list and attaches them all in some sort of weird Katamari ball.

I THINK I need to initialize it with the group property?

**EDIT** Got it working, please though a demo of this would be awesome (for reference)

Steve

Hi guys,

I seem to be having an issue with virtualizing data for my grid. I've initialized it with the following:

    $("#myGrid").kendoGrid({
        dataSource: {
            type: "json",
            serverPaging: true,
            serverSorting: true,
            pageSize: 32,
            transport: { read: "/Query/GetAddresses" }
        },
        height: 300,
        scrollable: { virtual: true },
        columns: cs /* The columns data stored in the cs variable */
    });

The grid initializes fine, and populates with 32 records (shows about 10 with a scrollbar due to height constraint). When i scroll down, i can see that the next ajax call is made and returns the correct json data for take=32 & skip=32 & page=2 & pageSize=32 using FireBug. The problem is that at this point, the data isn't appended to the grid. Also, any further scrolling on the scrollbar calls for page 2 again with the same parameters.

I've tried a few variations of parameters as i thought they may be intefering with each other, but couldn't get the data to come through. Any help or ideas of things to try would be appreciated.

Regards,
Tony

Hi.

I am trying to explore this demo:
http://demos.kendoui.com/web/treeview/index.html

And it just does not work correctly in either of ipad (safari) or android tablet (chrome and stock browsers).

I have read this: 
http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx

But is it really related? It only says about expanding, but I also cannot select (click) node for example.
after 10-15 touches at different places around node it is sometime selected, but not always.

if this is same problem as the one above (http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx) them I am sorry, I just wanted to be sure if it gets fixed.

We use the Application.showLoading() method to show the loading animation whenever we make any AJAX calls, or refresh any DataSources in our mobile web app. However, the page below the loading animation remains active while the animation is displayed. This can lead to very weird behaviour if the user touches anything there.

How can I make the loading animation be modal?

What I have tried is the following:
with the following in our CSS:
and finally, the following utility function:
This works very well on:
- Safari on iOS
- Chrome on Android 4.2

However, it displays an ugly white rectangle on:
- Android Browser on Android 4.2 (see attached screen shot)

I would happily throw away all of this code if there is a Kendo provided method to achieve what I want. If Kendo really does not provide this functionality, then any help in what I am doing wrong with my code would be greatly appreciated.

Thanks in advance,
David Sykes

I'm trying to integrate with an existing component feeding Json data in cross site environment. The grid works in Chrome, but fails to populate in IE. Using version 9 of Internet Explorer. I provided several examples below to demonstrate which code works and which doesn't.

I also attached the code with supporting files.

Please help.



<script>
// Code downloaded from http://demos.kendoui.com/web/grid/index.html
var alerts = 
{
"startIndex":0,
"count":25,
"entry": [
{"AlertId": 111},
{"AlertId": 222},
{"AlertId": 333},
{"AlertId": 444},
{"AlertId": 555},
{"AlertId": 666},
{"AlertId": 777}
]
};

$(document).ready(function() {
// Example 1. Works. Taken from http://docs.kendoui.com/howto/bind-the-grid-to-remote-data.
var ds1 = new kendo.data.DataSource({
transport: {
read: {
url: "https://api.instagram.com/v1/media/popular?client_id=4e0171f9fcfc4015bb6300ed91fbf719&count=2",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "data"
}
});

// Example 2. Fails in IE and Chrome with jsonp. No headers, no data.
// Works in Chrome and fails in IE with json.
var ds2 = new kendo.data.DataSource({
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "entry"
}
});

// Example 3. Fails in IE, and works in Chrome. IE headers, but no data.
var ds3 = new kendo.data.DataSource({
type: "jsonp",
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId"
}
},
pageSize: 5,
schema: {
data: "entry"
}
});

// Example 4. Works.
var ds4 = new kendo.data.DataSource({
data: alerts,
pageSize: 5,
schema: {
 data: "entry"
}
});


// Initialize the grid.
$("#grid").kendoGrid({
dataSource: ds4
});
});
</script>

Hi,

Is it possible to add custom lines and arrows with some label / description in standard dataviz charts?  I have added a sample to explain the same.

Regards,
Suresh

As per the title - does something in Kendo/Kendo mobile change the meta viewport tag? I'm asking because on the device using PhoneGap / Cordova it is broken for retina resolutions - everything looks zoomed in. i have tried adding the EnableViewportScale to the plist - and setting the viewport tag as per StackOverflow ( http://stackoverflow.com/questions/7612330/phonegap-and-retina-display ) but it doesn't seem to work with Kendo Mobile - but looks fine in Chrome with a fake userAgent :)

I have a run into an issue that is causing problems for us on our project. Instead of going into a lengthy description, here is a jsFiddle that demonstrates the issue: http://jsfiddle.net/pRMfN/1/

What I'd expect to happen when you click the button is that both divs are refreshed to output true, but instead only the div that is bound to the viewModel directly is refreshed, while the div that is bound to the child observable object is not.

Am I doing something wrong? Is this behavior by design? I realize that this is a contrived example and I could use spans with text bindings instead of templates to accomplish the same thing here, but on our real-world project this is an issue because we must use templates on a particular page (for various reasons) and we'd like to bind to a child object to reduce the number of times a template is re-rendered to improve performance (there are other child objects that are updated independently of the one in question), but when we do, the template is only called once, and not refreshed each time a value inside it changes.

Thanks for any assistance,
Jonathan

I was able to set my Pageable options with no problem but have few questions below and was hoping someone could help.

• Can yo change the order of the pageable controls.......For example I would like the Refresh button to be first followed by the |< < then display the page size drop down box, then show "Page input box of Total > >|.............?
• Can I show the refresh button at the top and bottom of the Grid?
• Can I change the width of the Input box?

Thanks

We are using KendoUI to build some of our widgets, along with using ASP and Razor. We are getting some of these widgets delivered through a click, which fills in a div (using AJAX) with the appropriate HTML. The problem, is that the KendoUI is already loaded, and so the HTML delivered via AJAX is not styled, nor made into widgets from KendoUI. 

Is there a way to "reload" the KenoUI JavaScript with each AJAX request?