Questions on Kendo UI for jQuery Forum

0 answers

175 views

Hello,

I have to add multiple column sorting in kendo grid. Let me explain a little bit more for example I have 4 columns in a grid Column Column B, Column C and Column D. Now if user sort grid with column A and then he select to sort grid with column B then the grid should be sort as AB.

I hope I deliver my question.

Thanks in advance.

Grid

asked on 14 Nov 2012

1 answer

426 views

Template Default: "This template is empty"

I am trying to create a template that will read "This template is empty" when the data source is an empty array. Currently, my div is bound to the data source as follows:

<div data-bind="source: data"></div>

I have tried a number of different things including writing a function that returns an object that represents the data source I'm interested in:

function() {
var data = this.data;
if (data.length == 0) {
return [ { dataValue: "This template is empty." } ];
}
else {
return data;
}
};

How would I accomplish this? Thanks in advance.

Templates

answered on 14 Nov 2012

0 answers

119 views

Kendo Templates and W3C Validation

Hi I have a number of templates on my website and have been asked to run the site through the W3c validator. I am still using XHTML 1.0 Transitional but the validator is throwing up a number of errors. The notable ones are "document type does not allow element "div" here" and "ID "myID" already defined". I know that the page works fine with these inside my template and I don't much mind that they are there but from a client point of view I cannot get rid of the errors from the page.

Has anyone come up with a way to escape the template scripts from the page so they don't appear in validation while still allowing the template to work correctly?

An example of one of my templates:

<script type="text/x-kendo-template" id="clickTemplate">

<div class="resultLine" onclick="window.location = '${ data.oDataSourceURL }'">

<a href="${ data.oDataSourceURL }">${data.oDataProductDesc}</a>

</div>

</script>

Thanks in advance

Jamie

Templates

asked on 14 Nov 2012

1 answer

359 views

Kendo Chart - Get object of active chart

Hi,

I have three chart with different ids in a page. At a time only one chart will be enabled and others are disabled.
My requirement is how to get the clientside object of enabled chart. Chart has created using the kendo helper class.
Please help me how to solve this issue.

Charts

answered on 14 Nov 2012

1 answer

180 views

treeview.collapse() removes child nodes if they had not been expanded

It seems if you use collapse() on nodes that have not yet been expanded than you will make those child nodes dissapear.

You can reproduce this on the TreeView / API demo page:

1) open http://demos.kendoui.com/web/treeview/api.html
- notice that "Item 2" is collapsed.
2) Click on the "Collapse All nodes" button
- notice that "Item 1" is collapsed
3) Click on "Item 2" in the tree
- notice that it will not expand.
- notice that clicking on "Item 1" will expand
4) Now refresh the page (http://demos.kendoui.com/web/treeview/api.html)
5) This time, Click on "Item 2" in the tree to expand it.
6) Click on the "Collapse All nodes" button
- notice that "Item 2" is collapsed
7) Click on "Item 2"
- notice that it expands.

TreeView

answered on 14 Nov 2012

1 answer

192 views

DataSource support for OData v3 any/all?

I'm using the Grid control with an OData DataSource. I'd like to be able to add filters that use OData v3's any/all capabilities. I am okay with creating the filters outside the grid, but I am unsure how I can add them to the DataSource's filter array. It doesn't seem that the standard { field: 'foo', operator: 'eq', value:'bar' } filters will work in this scenario. The filter that I need to add needs to generate a string like "Foos/any(f: substringof('bar', f/Name) eq true)" as part of the OData url's filter parameter.

Data Source

answered on 14 Nov 2012

8 answers

1.4K+ views

Does the Kendo UI Grid support Column Header Templates?

I've been reading through the documentation and I've been unable to find a definitive answer on this.

Does the Kendo UI grid support column header templates?

We need to put a custom totals div into column headers on certain columns so we can update them on the fly as the data changes.

Grid

answered on 14 Nov 2012

1 answer

817 views

Creating a Custom command button and passing parameters

I'm trying to create a custom command button to fire a custom delete function. I need to pass the ID of my model to my custom delete function. You'll notice that I'm trying to pass in a static '5' as a test but that isn't working either.

Any help would be greatly appreciated.

@(Html.Kendo().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Name).Width(240);

columns.Bound(p => p.City).Width(170);

columns.Bound(p => p.State).Width(170);

columns.Command(command =>

{

command.Edit();

command.Custom("Delete").Click("PropertyPage.DeleteProperty").HtmlAttributes(new { @Id = 5 });

}).Width(166);

})

.Scrollable()

.Editable(editable => editable.Mode(GridEditMode.InLine))

.DataSource(dataSource => dataSource

.Ajax()

.Model(model => model.Id(p => p.Id))

.Read(read => read.Action("PropertyRead", "Property"))

.Update(update => update.Action("Update", "Property"))

.Destroy(update => update.Action("Delete", "Property"))

))

Grid

answered on 14 Nov 2012

1 answer

216 views

Kendo UI Grid Filtering Animation Issue with Google Chrome

Hello everyone, I'm curious to know if anyone else has experienced issue with Google Chrome animating the grid filter boxes using the Kendo UI Grid. This issue occurs for us intermittedly, typically when the filter box attempts to close. We're using version: kendoui.web.2012.2.710.

I'm attaching a screenshot where we've actually reproduced it on the Kendo UI demo grid.

Thanks in advance for any assistance.

Grid

answered on 13 Nov 2012

0 answers

111 views

Grid layout is corrupted when scrollable is false

Hi,

when I set scrollable to false, the right side of my grid is corruptet (see image).
When I set scrollable to true, the right side is correct. But I do need scrollable to be set off...

Can anybody help?
Thanks
Florian

Grid

asked on 13 Nov 2012