Questions on Kendo UI for jQuery Forum

0 answers

210 views

Slow loading on second TabStrip in the same page

Hello guys!

I have this weird extra delay added in loading two tabstrips on same page in my MVC project (kendo Q1 2012 release)
The tabstrips are configured using contentUrls and in the jquery 'ready' script i i call kendoTabStrip on both tabstrips one after another.

I'm running in Chrome browser and monitor using developer tools network tab.(got the same behaviour also in Firefox, all browsers latest version)
The request URL of tabstrip(X) loads normally (waiting=10ms, receiving=5ms)
But request URL of tabstrip(Y) loads with extra delay (waiting=9ms, receiving=234ms) !!!

I tried swapping the calling order of tabstrips but then i get same results, on calling of second tabstrip URL.
tabstrip(Y) loads normally (waiting=10ms, receiving=5ms)
tabstrip(X) loads with extra delay (waiting=9ms, receiving=234ms) !!!

So its not related to server side code, because each one if called first is fast but second consecutive call is extra slow.
And the data is not related from those two tabstrips so it be a deadlock at db level.

I have no clue why this is happening. Could surely appreciate your help guys.

TabStrip

asked on 08 May 2012

0 answers

68 views

Edit mode Save

I just want to use Kendo grid and when I select a row I want to take the details to the edit section and user do the modifications finally he should be able to click the save button and then changes should apply to the gird.

I try to do this up to some level. Here is the sample
http://jsfiddle.net/QWwnR/38/

Please suggest me a better approach to do this.

Thanks
Seminda

Grid

asked on 08 May 2012

1 answer

122 views

Error Javascript

Good afternoon.

I am using the example of the buttons for Mobile
in an application Web,
as if each were selected button a "page" different.
I have a grid on each "page", just that when I click a button on a "page" different,
gives javascript error icons appear and ">" on each item on the grid with link.

What can I do to not give this error?

Button (Mobile)

answered on 08 May 2012

0 answers

126 views

Validation and Placeholders

I would like to use placeholders for my forms, and when adding support for olders browser you are effectively replacing the contents of the input field with the placeholder value. Do you guys plan on releasing Placeholder support for older browsers, or at least a way for us to add a rule that ignores text if it == placeholder

Validation

asked on 07 May 2012

0 answers

91 views

KendoUI Contest Issue

See

http://www.kendoui.com/forums/framework/data-source/json-error.aspx

Data Source

asked on 07 May 2012

0 answers

111 views

Combobox and tooltip

How would I bind a tooltip to each combobox item using a json datasource?

ComboBox

asked on 07 May 2012

5 answers

570 views

[Solved] JSON date handling changed in latest release?

In version v2011.3.1413, I had dates in a JSON data structure (returned by a WCF data service) of the form:

"date":"1910-12-09T08:32:26",

I display the datasource a grid, and it sorted things properly (I am not sure if was just relying on string alphabetic sort or was really understanding the date format.

I specified, in the datasource schmea the following: (whhere I have two date fieds (date: and egplDate:)

model:{

fields:{

idx:{ type:"string" },

classification:{ type:"string" },

creator:{ type:"string" },

date:{ type:"string" },

elevation:{ type:"number" },

datum:{ type:"string" },

size:{ type:"number" },

type:{ type:"string" },

description:{ type:"string" },

dirLocation:{ type:"string" },

distributor:{ type:"string" },

egplDate:{ type:"date" },

handling:{ type:"string" },

product:{ type:"string" },

uniqID:{ type:"string" }

}

In the Grid I do dipslay as follows:

columns:[

{

field:"creator",

width:220

},

{

field:"date",

width:170

}, (// etc.)

As I said this worked fine.

But I am now using the latest version of UI complete: v2012.1.423

and I see the date column in the GRID as "null".

If change the datasource schema model to string, then sorting works fine:
date:{ type:"string" },

Data Source

answered on 07 May 2012

0 answers

194 views

Compiling kendo.all.js with Closure Compiler

Using v2012.1.322, you may run into a few errors when compiling from kendo source on Google's Closure Compiler. Here's how I fixed mine.

1) Closure compiler doesn't like the use of 'short' as a variable name as it thinks of it as a reserved word that is a declaration of short integer. To fix I just renamed 'short' to 'shortDays' on Line 11701 and 11710:

11701: shortDays = shiftArray(days.namesShort, firstDayIdx),
...
11710: html += '<th abbr="' + abbr[idx] + '" scope="col" title="' + names[idx] + '">' + shortDays[idx] + '</th>';

2) The compiler doesn't like duplicate variable names in function's prototype or signature, specifically the use of 'textStatus' twice on Line 33650 in the onError handler. To fix I renamed the second instance to errorThrown.

...
33650: function onError(xhr, textStatus, errorThrown) {
...

With those changes, the compiler should successfully minify and obfuscate the javascript.

General Discussions

asked on 07 May 2012

6 answers

854 views

Combobox and popup editor

I am testing out these new widgets and am attempting to use the popup edit mode with a grid and am not having any luck.
The grid is showing the value I need it to show the text.
The popup drop list is not selected when it pops up.
Once selected and click update it does not reflect the change in the grid.

Please let me know the way to do this I am using ASP.NET MVC 3, jquery 1.7.1 and KendoUI 2012 Q1.

var crudServiceBaseUrl = "/Admin/",

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: crudServiceBaseUrl + "UserEditorRead",

dataType: "json",

type: "POST"

},

update: {

url: crudServiceBaseUrl + "UserEditorUpdate",

dataType: "json",

type:"POST"

},

destroy: {

url: crudServiceBaseUrl + "UserEditorDestroy",

dataType: "json",

type: "POST"

},

create: {

url: crudServiceBaseUrl + "UserEditorCreate",

dataType: "json",

type: "POST"

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

batch: true,

pageSize: 30,

schema: {

model: {

id: "UserID",

fields: {

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

UserFirstName: { editable: true, validation: { required: true} },

UserLastName: { editable: true, validation: { required: true} },

UserGroupID: { editable: true, validation: { required: true} },

UserLastActivityDate: { editable: false, type: "date" },

UserCreateDate: { editable: false, type: "date" }

}

});

$("#gridUserManage").kendoGrid({

dataSource: dataSource,

pageable: true,

height: 600,

toolbar: ["create"],

columns: [

{ title: "ID", field: "UserID", width: 40 },

{ title: "First", field: "UserFirstName", width: 100 },

{ title: "Last", field: "UserLastName", width: 100 },

{ title: "Group", field: "UserGroupID", width: 200,

editor: function (container, options) {

$('<input name="' + options.field + '"/>').appendTo(container).kendoComboBox({

dataSource: new kendo.data.DataSource({

data: [

{ Id: "1", title: "Guest" },

{ Id: "2", title: "Employee" }

]

}),

dataValueField: "Id",

dataTextField: "title",

autobind: false

});

}

},

{ command: ["edit", "destroy"], title: " ", width: "210px"}],

editable: { mode: "popup", confirmation: false },

remove: function (e) {

// also can we e.cancel=true here?

}

});

Grid

answered on 07 May 2012

0 answers

85 views

add style to columns in grid

Hi i have a question is posible add style to columns in grid?

Grid

asked on 07 May 2012