Questions on Kendo UI for jQuery Forum

1 answer

825 views

I have a grid that's pulling data from an array, and it just won't sort when it loads up. I can sort it by clicking the column header, but I need it initially sorted. No matter what I try, it always comes up unsorted. The first few entries in the Count column are 100, 222, 11, 441, 168, 15, 493, 11, 32, 24...

$('#TopCalcsGrid').kendoGrid({

dataSource: {

data: topcalcs,

schema: {

model: {

fields: {

Name: { type: "string" },

Count: { type: "number" }

}

},

sortable: {

allowUnsort: true

},

reorderable: true,

resizable: true,

columns: [{

field: "Name",

title: "Calculator"

}, {

field: "Count",

title: "Count"

}],

sort: { field: "Count", dir: "desc" }

});

General Discussions

answered on 15 Oct 2013

1 answer

48 views

Internal build 2013.2.1015 statusBarStyle configuration

Can anyone elaborate on what was added to the 1015 build regarding the statusBarStyle configuration?

Thanks

Application

answered on 15 Oct 2013

5 answers

76 views

touch triggers through multiple layers

I have a basic test app running. It contains a landing page with an image on it and a button below the image. If you click the image, an alert pops up. If you click the button, a modal view pops up. The trouble is, when you click "close" on the modal, it triggers the alert event for the image (as long as you touch the part of the button that overlays the image in the background). This appears to be true for any kind of popover layer view.

I am testing on an android 4x device through ICENIUM. It runs fine in the simulator.

Anything to do about this?

Thanks

General Discussions

answered on 15 Oct 2013

4 answers

103 views

All-Day Events in IE8 Behavior

I'm having an infinate loop issue in IE8, but only when I have an All-Day Event. It doesn't happen with IE9, but unfortunately IE8 is our standard, so I need for it to work with IE8. I was getting the following error on a PC with IE8, so I put a break point there using IE9 in IE8 mode (which acts a little differently) and without an All-Day event it loaded fine, but with an All-Day event it endlessly hits a breakpoint at this line:

Message: Invalid argument.
Line: 52661
Char: 21
Code: 0
URI: http://website/src/js/kendo.web.js

I have a lot of customization, so I tried to remove most of it in an effort to rule out my code being the issue. I noticed it because in IE8 when I hovered over an event, I didn't see the delete 'x' and expansion bars. There were no errors on IE9 in IE8 mode and it seems to be because the page is stuck in a loop and never finishes loading.

$("#calendar").kendoScheduler({

views: [

"day",

{ type: "week", selected: true },

"month",

"agenda"

],

dataSource: {

serverFiltering: true,

timezone: "US/Eastern",

transport: {

read: {

url: webServiceBaseUrl + "readEvents",

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

type: "POST",

dataType: "json"

},

update: {

url: webServiceBaseUrl + "updateEvents",

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

type: "POST",

dataType: "json"

},

create: {

url: webServiceBaseUrl + "createEvents",

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

type: "POST",

dataType: "json"

},

destroy: {

url: webServiceBaseUrl + "destroyEvents",

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

type: "POST",

dataType: "json"

},

parameterMap: function (data, operation) {

if (operation == "create" || operation == "update") {

if (data.contactID == null || data.contactID == 0) {

data.contactID = 4;

}

if (data.categoryID == null || data.categoryID == 0) {

data.categoryID = 8;

}

var editor = $("#editor").data("kendoEditor");

if (editor != null) {

data.eventContent = editor.value();

}

data.lastEditDate = "";

if (operation == "create") {

data.ownerID = $('#userName').val();

}

if (operation == "update") {

data.lastEditorID = $('#userName').val();

}

return JSON.stringify({ eventItem: data });

} else if (operation == "read") {

var calender = $("#calendar").data("kendoScheduler");

return JSON.stringify({ selectedDate: $("#calendar").data("kendoScheduler").date() });

} else if (operation == "destroy") {

return JSON.stringify({ id: data.id });

}

},

schema: {

data: "d",

model: {

id: "id",

fields: {

id: { from: "id", type: "number" },

description: { from: "eventContent", type: "string" },

end: { from: "eventEnd", type: "date" },

endTimezone: { from: "endTimezone", type: "string" },

isAllDay: { from: "isAllDay", type: "boolean" },

recurrenceException: { from: "recurrenceException", type: "string" },

recurrenceID: { from: "recurrenceID", type: "number" },

recurrenceRule: { from: "recurrenceRule", type: "string" },

start: { from: "eventStart", type: "date" },

startTimezone: { from: "startTimezone", type: "string" },

title: { from: "title", type: "string", defaultValue: "No title", validation: { required: true} },

ownerID: { from: "ownerID", type: "string" },

categoryID: { from: "categoryID", type: "number", nullable: true },

outageNumber: { from: "outageNumber", type: "string" },

contactID: { from: "contactID", type: "number" },

locations: { from: "locations", type: "string" },

lastEditorID: { from: "lastEditorID", type: "string" },

scopeOfWork: { from: "scopeOfWork", type: "string" },

wbpLink: { from: "wbpLink", type: "string" }

}

});

This is the json response for a test All-Day record:

{"__type":"Event","id":61,"wbpLink":null,"eventEnd":"\/Date(1381204800000)\/","endTimezone":"","isAllDay":true,"recurrenceException":"","recurrenceID":0,"recurrenceRule":"","eventStart":"\/Date(1381204800000)\/","startTimezone":"","title":"test","ownerID":"owner","categoryID":1,"eventContent":"test","outageNumber":"test","contactID":4,"locations":"test","scopeOfWork":"test","lastEditorID":"","lastEditDate":"\/Date(1381377600000)\/"}

The demo with an All-day event seems to work fine, though it is returning jsonp as opposed to json. I downloaded the latest internal build with no luck. I'm not sure what could be causing this. My html is basically just a div. It is on an aspx page with a master page. Any suggestions to help me troubleshoot this would be appreciated.

Scheduler

answered on 15 Oct 2013

2 answers

256 views

Kendo Grid Pre-Filtering.

Hello!

I am trying to pre filter my Kendo Grid, but have not found a way to do so.
The filtering works just fine; I just need a way to initialize the filter on setup.

Code Snippet:
.Columns(columns =>
                          {
    columns.Bound(p => p.myColumn)
.Filterable(f => f.Extra(false))
.Title("MyColumn");
})
.Filterable(x => x.Enabled(true)
.Operators(o => o.ForEnums(e => e.Clear()
.IsEqualTo("Is equal to")
.IsNotEqualTo("Not equal to")))
)

Grid

answered on 15 Oct 2013

3 answers

343 views

Conditonal detail template according to master row data

Hi,
Here is what i want to achieve :
I have a grid wich contains a list of customers (for instance). I have a template specificied using ClientDetailTemplateId which contains a TabStrip. One of the tabs contains another grid which display orders. Preety much the same as the example in the demos : http://demos.kendoui.com/web/grid/detailtemplate.html
I need to show/hide columns of that order grid according to to the type of customer, how can I achieve that ?

Grid

answered on 15 Oct 2013

6 answers

175 views

Selectable - Focus

When making the scheduler selectable the Kendo framework makes a call to focus the control. This causes different behavior amongst browsers:

Chrome/IE cause the browser window to scroll so that the scheduler is in view while FireFox does not. The call to focus is causing us some issues - is the focus call important in this case? If we were to remove the call would this cause us issues?

Note: This can be exhibited in the following demo http://demos.kendoui.com/web/scheduler/selection.html

Scheduler

answered on 15 Oct 2013

9 answers

705 views

Kendo UI Data Source Using Web Sockets

Hi,

Can you tell me when Kendo UI will provide support for Web Sockets as a Kendo Data Source?

I need to remove as must delay as possible in accessing my AutoComplete selection lists. This is a critical capability for my software product.

Thanks,

Donald

Data Source

answered on 15 Oct 2013

3 answers

119 views

Slider on Cordova strange behavior

Hi i have two slider in a Cordova app since the new version works great but with the new version works only on ios7 device if i use it in a ios5 or 6 device (or simulator) the slider have strange behaviors, or move all the view or move all the slider when i try to slide it.

Thanks Dario

Slider

answered on 15 Oct 2013

2 answers

191 views

Prevent ActionSheet selection in mobile app

I'd like to use a combo box in a tablet-based phone gap app I'm working on but the default 'open' behavior for the combobox appears to be different when running as a mobile app. Is there a way to revert this so that I don't get the ActionSheet anymore?

ComboBox

answered on 15 Oct 2013