Questions on Kendo UI for jQuery Forum

9 answers

265 views

Grid change event triggered when scrolling on the iPad

I'm using a KendoUI Grid on a page. It works fine on any desktop browser, but I have a problem on Mobile Safari (iPad or iPhone).

It seems that the grid's change event is being triggered when I'm scrolling the grid on the iPad (same on iPhone).

Is there a way to prevent that behavior?

Thanks.

Grid

answered on 18 May 2012

2 answers

546 views

Update not triggering when editing

I'm using build 2012.0 515 with jquery 1.7.1 and IE9. I have a grid and want to configure inline editing with a web service. The read transport works fine and my grid is populated with data. If I click edit, change a value, then click save, the value in the grid is changed, but the update transport is not triggered. So, if I refresh the page, the original values are back because they were not updated in the database. There are no errors, but my web service for update is never called. Should this trigger automatically as one of the built-in commands or do I need to do something to force it to trigger?

I've looked at the example for asmx services here:
https://github.com/telerik/kendo-examples-asp-net/blob/master/grid-web-service-crud/Default.aspx

I have added the HTTP GET and HTTP POST to my web.config file. (My service is an intranet service, so I cannot use jsfiddle to demonstrate my issue).

grid:

$("#grid").kendoGrid({

dataSource: maxSource,

toolbar: ["create"],

columns: [

{ field: "MaximoItemNumber", title: "Maximo Item #" },

"KVA",

{ field: "PrimaryVoltage", title: "Primary Voltage" },

{ field: "SecondaryVoltage", title: "Secondary Voltage" },

{ field: "OilType", title: "Oil Type" },

"Phase",

{ command: ["edit", "destroy"], title: " "}

],

editable: "inline"

});

datasource:

var maxSource = new kendo.data.DataSource({

transport: {

create: {

url: webServiceBaseUrl + "createMaxItem",

contentType: 'application/json; charset=utf-8',

type: "POST",

dataType: "json"

},

read: {

url: webServiceBaseUrl + "getMaxItems",

contentType: 'application/json; charset=utf-8',

type: "POST",

dataType: "json"

},

update: {

url: webServiceBaseUrl + "updateMaxItem",

contentType: 'application/json; charset=utf-8',

type: "POST",

dataType: "json"

},

destroy: {

url: webServiceBaseUrl + "deleteMaxItem",

contentType: 'application/json; charset=utf-8',

type: "POST",

dataType: "json"

},

parameterMap: function(data, operation) {

if (operation != "read") {

return JSON.stringify( { stuff: data.models } );

}

},

schema: {

data: "d",

id: "id",

fields: {

id: { editable: false, nullable: true },

MaximoItemNumber: { validation: { required: true} },

KVA: { type: "number" },

PrimaryVoltage: { type: "string" },

SecondaryVoltage: { type: "string" },

OilType: { type: "string" },

Phase: { type: "number" },

DateAdded: { type: "datetime" },

AddedBy: { type: "string" }

}

});

Grid

answered on 18 May 2012

1 answer

409 views

Multiple modal windows unexpected behavior (bug?)

When dynamically creating a 2nd modal window, the 1st modal window loses it's overlay, even though the 2nd modal window has not been opened yet.

Here's a jsfiddle to show you what I mean:

http://jsfiddle.net/kukabuka/49AXA/

After you close the windows and open them again, it will work correctly because they are already created. So reset the fiddle to reproduce.

I know I can work around this issue by not creating the 2nd window until just before I want to open it. But I don't think it should behave like this. Until you open the 2nd window, it shouldn't mess with the overlay of the 1st window. I've got a situation where I'm dynamically creating windows displaying ajax gets, and it's more convenient to setup the window, and open it when I'm ready.

Using the latest 2012.1.515 released today, but I had the same issue with 2012.1.322.

Window

answered on 18 May 2012

1 answer

107 views

Get selected state from args for toggle handling?

I would like to enable toggle functionality in the grid selection. So it the state is in selection state, I would like to perform one action. If it is toggled off, I would like another action to be performed. Is there a way to determine this? It would be great to see this property in the grid change (e) handler.

Grid

answered on 18 May 2012

4 answers

194 views

Data not displaying in ListView when working with OData v3

Hi

I am starting with Kendo UI. I have an exisiting OData Service at http://enservice.indiamvp.net/EventNetworkingService.svc/Cities that is based on Odata v3.

I am trying to display the cityname in a Mobile ListView. I have set up my datasource as follows:
var speakerData = new kendo.data.DataSource(
{
type: "odata",
transport: {
read: {
// the remote service url
url: "http://enservice.indiamvp.net/EventNetworkingService.svc/Cities",
dataType: "jsonp",
data: {
Accept: "application/json"
}
}
},
serverfiltering: false,
serverPaging: true,
pageSize: 10,
batch: false,
schema: {
data: "d",
model: {
id: "CityID",
fields: {
CityID: { type: "number" },
CityName: { type: "string" }
}
}

}
}
);

To initialise the ListView I am using the following:

$("#speakersView").kendoMobileListView(
{
template: "<strong>${speakerData.CityName}</strong><br/>",
dataSource: speakerData.read()
}
);

Both the functions are in <head> element and not in the $document.ready function. I am using data-init on the view. Checking from Chrome Dev Tools, I can see that the JSON data is downloaded.
However, nothing gets displayed on the ListView. Stepping through the JS i see that there is a exception getting generated: "speakerData is not defined" pointing to the fact the maybe the DataSource is not initialised properly.

Can someone recommend on what I could be doing incorrectly?

Thanks
Abhishek

ListView (Mobile)

answered on 18 May 2012

1 answer

160 views

Scrolling in mobile

Hi,
I am trying to use grid in iPad application and when i add the script to make it a mobile app there is no scrolling, when i remove it all is ok and the scrolling works perfectly, what can be the problem ? can't i have scrolling for grid in iPad?

Grid

answered on 18 May 2012

1 answer

97 views

iPad clicks through (two clicks)

On the iPad if you are using a combobox or dropdownlist, when you touch your selection it chooses it but when the drop down list closes it clicks a second time where you clicked when the drop list was open. Any known way to get around this?

ComboBox

answered on 18 May 2012

1 answer

134 views

Incell editing broken

I have numerous kendo grids which were working fine with incell editing.

I upgraded to 322 and didn't realise for a while that the editing was broken.
Today I upgraded to 515 and the problem remained.

The only fix I found was setting the editable{mode: incell}
The grid documentation for the mode setting states that incell is the default but this doesn't seem to happening unless explicitly set.

While this works it means I have a lot of files to update to get working again.

Grid

answered on 18 May 2012

1 answer

225 views

Cancel in Inline edit mode cancels all changes

Hi,

Is the Cancel button in Inline edit mode really supposed to cancel all changes? If I run this code and make changes on one line and save it with the Save button and then Edit another line and click Cancel the changes in the first line aer also reverted.

<body>

<div id="mygrid"></div>

<script>

var mydata = [

{

id: 1,

name: "John"

},

{

id: 2,

name: "Stephen"

},

{

id: 3,

name: "Lisa"

}

];

var myDS = new kendo.data.DataSource({ data: mydata });

$(document).ready(function() {

//Init Grid

var gridMagXtrReturnLines = $("#mygrid").kendoGrid({

editable: "inline",

navigatable: true,

autoBind: false,

scrollable: false,

dataSource: myDS,

columns: [

{

field: "id",

title: "ID",

width: 70

},

{

field: "name",

title: "Namn",

width: 200

},

{

command: ["edit"],

title: " "

}

]

});

myDS.read();

});

</script>

</body>

Grid

answered on 18 May 2012

0 answers

92 views

Update DropDownList in Grid

HI

I use kendo grid. I want when I edit a row and change value of drop down , show new value in column

But with this code I want change and update database but do not show new value in grid and I should refresh page.
My English is n't good , I'm sorry if my writting is bad. :D

Grid

asked on 18 May 2012