Questions on Kendo UI for jQuery Forum

3 answers

174 views

Embarrassed by default date/month picker animations used inside grid

The date/month picker animation is just horrible in some browser/video card setups. What's worse is I'm so embarrassed when my customers see demos of our large enterprise-level apps. I don't have anything to tell them other than Telerik won't let us turn them off. Yes, we could use custom cell editors everywhere, but what a productivity killer...we have tons of grids and tons of dates in our apps...there's no way we could do that.

The picker widgets have the setting. Please.......provide us with a simple setting in the grid to turn them off.

This is so embarrassing.

Thanks.

Grid

answered on 19 Mar 2013

1 answer

146 views

kendo.data.DataSource no longer working?

Hello,
I am attempting to upgrade from Kendo v2012.2.71 to the latest internal build: v2012.3.1512 (I also tried the latest official release build).

In my existing code, I was previously defining a datasource and grid like the following:

var testDataSource = new kendo.data.DataSource(

{

transport: {

read: {

url: "/api/Grids/Events",

dataType: "json",

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

type: "POST",

data: function () {

return {

filterId: filterId

};

}

},

parameterMap: function (options) {

return JSON.stringify(options);

}

},

schema: {

model: {

id: "organizationDeviceId",

fields: {

organizationDeviceName: { type: "string" },

EventName: { type: "string" },

EventDetails: { type: "string" },

EventSeverity: { type: "string" },

EventDate: { type: "date" }

} // End of fields

}, // End of model

data: "Entries",

total: "TotalCount"

},

sort: {

field: "EventDate",

dir: "desc"

},

pageSize: 14,

serverPaging: true,

serverSorting: true,

serverFiltering: true

}

);

var EventsDataGrid = $("#eventsGrid").kendoGridWithTitles({

selectable: "row",

dataSource: testDataSource,

columnMenu: true,

filterable: true,

scrollable: true,

sortable: true,

resizable: true,

height: 500,

toolbar: kendo.template($("#filterToolbarTemplate").html()),

columns: [ { title: Globalize.localize("Dashboards_Events_DeviceName"), field: "organizationDeviceName", template: "<a href='//OrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= organizationDeviceName #</a>" },

{ title: Globalize.localize("Dashboards_Events_EventName"), field: "EventName" },

{ title: Globalize.localize("Dashboards_Events_EventDetails"), field: "EventDetails" },

{ title: Globalize.localize("Dashboards_Events_EventSeverity"), field: "EventSeverity" },

{ title: Globalize.localize("Dashboards_Events_Date"), field: 'EventDate', template: "<div>#= kendo.toString(EventDate, CloudSAAS.GeneralDateTimeFormat) #</div>" }

],

pageable: { input: true, numeric: false },

}).data("kendoGrid");

Notice that a define testDataSource then use it as the value of the grids datasource. This however seems to lo longer work. Instead I get a blank grid.

If I instead change the code to the following it does work:

var EventsDataGrid = $("#eventsGrid").kendoGridWithTitles({

selectable: "row",

dataSource: {

transport: {

read: {

url: "/api/Grids/Events",

dataType: "json",

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

type: "POST",

data: function () {

return {

filterId: filterId

};

}

},

parameterMap: function (options) {

return JSON.stringify(options);

}

},

schema: {

model: {

id: "organizationDeviceId",

fields: {

organizationDeviceName: { type: "string" },

EventName: { type: "string" },

EventDetails: { type: "string" },

EventSeverity: { type: "string" },

EventDate: { type: "date" }

} // End of fields

}, // End of model

data: "Entries",

total: "TotalCount"

},

sort: {

field: "EventDate",

dir: "desc"

},

pageSize: 14,

serverPaging: true,

serverSorting: true,

serverFiltering: true

},

columnMenu: true,

filterable: true,

scrollable: true,

sortable: true,

resizable: true,

height: 500,

toolbar: kendo.template($("#filterToolbarTemplate").html()),

columns: [ { title: Globalize.localize("Dashboards_Events_DeviceName"), field: "organizationDeviceName", template: "<a href='//OrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= organizationDeviceName #</a>" },

{ title: Globalize.localize("Dashboards_Events_EventName"), field: "EventName" },

{ title: Globalize.localize("Dashboards_Events_EventDetails"), field: "EventDetails" },

{ title: Globalize.localize("Dashboards_Events_EventSeverity"), field: "EventSeverity" },

{ title: Globalize.localize("Dashboards_Events_Date"), field: 'EventDate', template: "<div>#= kendo.toString(EventDate, CloudSAAS.GeneralDateTimeFormat) #</div>" }

],

pageable: { input: true, numeric: false },

}).data("kendoGrid");

The only difference being that the datasource is now created directly inline with the grid.

Why has this behavior changed? Can I no longer define a remote datasource separate from my grid? Note that if the datasource is not remote (locally defined array) then it does seem to work properly.

Grid

answered on 19 Mar 2013

1 answer

70 views

Scroll view orientation Problem in iPod.

Scroll view is working fine in landscape when we change the orientation to portrait design scroll page is not align properly. Please find the attachment for reference.

ScrollView (Mobile)

answered on 19 Mar 2013

5 answers

615 views

Update Editor content on paste

Hello,

I have an Editor where I have setup with the "paste" event. I am having no problem with the event firing it is that I can't get it to replace the content correctly. Here is a working example of the problem http://jsfiddle.net/WgvNr/3/. To test paste in some Microsoft Word content with some formatting. The paste event will strip the Word formatting. This works also, but it leaves the original content and the edited content. How can I just have the edited content show in the editor?

$("#txtActions").kendoEditor({

tools: [

"bold",

"italic",

"underline",

"insertUnorderedList",

"insertOrderedList",

],

paste: function (e) {

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

editor.value(CleanWordHTML(e.html));

//console.log(editor);

}

});

Editor

answered on 19 Mar 2013

6 answers

293 views

[Solved] Is there a way to only show the last uploaded files in k-upload-files sections

My control only allows one file to be uploaded, and I want the k-upload-files section only show the latest file , not the list of files. Is there a configuration that I can change to achieve this?

In my attached image, I only want the second file displayed when the user choose to upload a different image.

Upload

answered on 19 Mar 2013

1 answer

218 views

Wondering How To Implement a Wizard Type Dialog

I'm wanting to have a flow to my conference registration where I ask a question in the first dialog:

Are you a a)speaker b)presenter c)sponsor

if they say speaker they go to a special page before going to the normal registration.

etc,etc,etc.

How would I implement something like this in KendoUI. My backend is asp.net MVC4 webapi, not that it matters.

Thanks

General Discussions

answered on 18 Mar 2013

3 answers

170 views

[Solved] TypeScript Definitions

The TypeScript definitions for TreeView should be checked. Some seem to be wrong. For example...

The parameter's datatype of "collapse" is not string.
The parameter's datatype of "expand" is not string,
The return datatype of "dataItem" is not void.

Michael G. Schneider

TreeView

answered on 18 Mar 2013

3 answers

223 views

selectable not working - no CHANGE event in latest version

I just updated to 2012.3.1114 and all of my Grid code that uses selectable: "row" and a change: function do not work??

I click a row or cell in the Grid and nothing happens - no event is fired.

The on-line demo for Grid selection does not use a change function so hard to tell if something has changed?

This is a big issue for me .. please can you tell me if this is a bug or has something changed with row selection / change ?

UPDATE:

This appears to be a CHROME issue on Windows 8. Running the same code in IE10 works....

Grid

answered on 18 Mar 2013

1 answer

118 views

Why create a custom plugin using kendo.ui.widget instead of, say, jQuery?

I was asked this question by coworkers, and wanted to check my thoughts with you all, and ask if you have any others.

One obvious answer is that if we're using Kendo UI components frequently, this has the advantage of making our own both consistent and familiar.

I think the most important answer, though, is that by doing so we'll have access to all the framework features of the kendo components, which your site lists as: "Datasource, Templates, MVVM, Effects, Drag and Drop, Validator, Globalization, Styling, Integration." Are all of those Kendo features in fact available to custom widgets that have extended kendo.ui.widget?

Any other thoughts about a good response/justification to the question?

Thanks in advance,

Jon

General Discussions

answered on 18 Mar 2013

17 answers

397 views

Road blockers

As I find Kendo UI extremely well fitted for me and I love many things about it I have crucial concerns about the following things:

During my trial process I have confronted a series of road blocks. I would like to see what solutions there might be. Please let me know if they have a solution or if I should consider another html5 framework instead. I have been trying to accelerate the speed of transitions between views (screens). How can that be managed? I would like to make the time (delay) of the transitions a bit shorter (faster) and test with different types of transition effects.

Also, I have noticed the response of the touch in rows or buttons is not the way native apps behaves. They have a bit of a delay when you touch something. Native apps will react to the on Release event after a touch and then, after a short delay, do the action. How can that be done with Kendo UI?

Is there a way of creating charts in mobile Kendo UI? Can you provide some example URLs?

Can I make a web URL display inside the mobile web app while keeping the navigation and tab bar? Can I see a PDF file hosted in a URL within the same mobile web app with the navigation bar on top?

I have also noticed that using the Google maps API makes the tiles act weird and this only happens with Kendo UI as far as I know. Check out the video included.

General Discussions

answered on 18 Mar 2013