Questions on Kendo UI for jQuery Forum

0 answers

145 views

Bind columns to child properties

I have a grid which I need to bind some columns to JSON child properties

$("#grid").kendoGrid({

dataSource: {

data: [

{ time: "1:00", city: "Chicago", temperature: { value: 89, displayString: "89 F" } }

]

},

columns: [

{ field: "time", title: "Time" },

{ field: "city", title: "City" },

{ field: "temperature.displayString", title: "Temperature" } ]

});

The syntax is valid - I just need to watch for typing errors.

Thanks!

Grid

asked on 19 Jul 2013

1 answer

110 views

Metro theme hover issue on input with icons

On the styling example page, the input with icon examples, on hover, exhibit the disappearance of the magnifying glass icon.

A similar issue has already been identified here in this post.

General Discussions

answered on 19 Jul 2013

2 answers

124 views

Change teal color in the new flat skin

Is there a way to globally change the "teal" color used in the flat skin? I can change it widget by widget but would prefer to make a single global change.

General Discussions

answered on 19 Jul 2013

1 answer

70 views

Metro theme grid pager buttons on window widget

In kendo.metro.css on line 356 the border radius from .k-window .k-link is zeroed. This produces an inconsistency in the pager buttons on grids nested in the window widget.

.k-calendar .k-link.k-state-hover,
.k-window .k-link {
border-radius: 0;
}

Grid

answered on 19 Jul 2013

1 answer

55 views

Editable column... Text Edit box is way too small...

Greetings...
As the attached picture shows... the edit box surrounding the string has "height" smaller than font's height...

How to correct that ?

Thanks!

Grid

answered on 19 Jul 2013

3 answers

508 views

Preventing auto-aggregation with "date" category axis

I'm evaluating the Kendo DataViz charts for my company and we are very interested in the line chart. I think I am encountering something that may not be supported and was hoping someone could tell me if it is possible to turn off the automatic aggregation when using categoryAxis type="date" ?

In the attached image, you will see two line charts that use the exact same data source. I need to show all of the data points, and keep the category axis showing the dates. I'm thinking that type="date" is causing the auto-aggregation, but don't know another way to display the same desired chart. We do not plan on using the other features offered by type="date" and after binding the data it will be a static chart with no interaction by the user.

Any advice is appreciated. Thank you.

Charts

answered on 19 Jul 2013

1 answer

43 views

will application run on both pc and mobile?

If we create a single web application by using Kendo UI web then will it run on both PC and Mobile ?
OR we have to create separate application one for PC and other for Mobile by using Kendo UI Mobile

General Discussions

answered on 19 Jul 2013

10 answers

1.2K+ views

Export to excel kendo Grid in button click event

how can i Export to excel kendo Grid in button click event.Thanks

Grid

answered on 19 Jul 2013

1 answer

765 views

Kendo Grid Template Input OnChange/Keyup Event Hookup

I'm trying to calculate a "Total" column while the user types the quantity through a input inside the template of the grid. I've been stuck here for a while now.

var ds = new kendo.data.DataSource({

type: "aspnetmvc-ajax",

transport: {

read: "Home/Products_Read"

},

schema: {

data: "data",

total: "total",

model: {

id: "products",

fields: {

Code: { editable: false },

Number: { editable: false },

Name: { editable: false },

Supplier: { editable: false },

Price: { editable: false, type: "number", format: "{0:n}" },

UnitStock: { editable: false },

UnitBasic: { editable: false },

Quantity: { editable: true, type: "number" },

Total: { editable: true, type: "number", format: "{0:n}" }

}

},

pageSize: 15,

serverPaging: true,

serverFiltering: true,

serverSorting: true

});

var gridResult = $("#grid").kendoGrid({

dataSource: ds,

selectable: "row",

sortable: true,

pageable: true,

columns: [

{ field: "Code", title: "Code", width: "100px" },

{ field: "Number", title: "Number", width: "100px" },

{ field: "Name", title: "Name" },

{ field: "Supplier", title: "Supplier", width: "100px" },

{ field: "Price", title: "Price", width: "100px", format: "{0:n}" },

{ field: "UnitStock", title: "Unit", width: "100px" },

{ field: "Quantity", title: "Quantity", width: "100px", template: '<input class="someInput" name=#=Code# value=#=Quantity# />' },

{ field: "Total", title: "Total", width: "100px", template: '#=Price*Quantity#' },

]

});

$('.someInput').on('change', function () {

for (var i = 0; i < gridResult.dataSource.data().length; i++) {

if (parseInt(gridResult.dataSource.data()[i].Code) == parseInt($(this).attr('name'))) {

gridResult.dataSource.data()[i].Quantity.Set($(this).val());

}

gridResult.refresh();

});

Grid

answered on 19 Jul 2013

13 answers

294 views

Grid Extension - Causing loss of groupable and reordable functionality

Hi,

I have extended my Kendo UI Grid with the kendo.ui.Grid.extend/kendo.ui.plugin functionality as per this article:

http://www.aspnetwiki.com/page:kendo-ui-grid-export-excel

Everything works great except it causes the loss of grouping and reordering - the Drag and Drop no longer works.

I suspect it may have to do with the shift from:

$("#myGrid").data("kendoGrid");

to

$("#myGrid").data("kendoExcelGrid");

or is there something else going on with the Drag and Drop?

Cheers,

Kori

Grid

answered on 19 Jul 2013