Questions on Kendo UI for jQuery Forum

1 answer

135 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

150 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

755 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

146 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

75 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

2 answers

226 views

Upon select, modify the selected value

Hello. When the user selects a value in the Kendo AutoComplete textbox, I want to run a function to modify the selected value (for example, remove unwanted characters) and have that be returned to the textbox.

For example, I would call the below function upon Select:

function editText(e) {

var text = this.dataItem(e.item.index());

text = text.replace(myRegexPattern, '');

(?????) = text;

};

Is there a property I can set, or an easy way to update/modify the selected text in this way? Thanks!

AutoComplete

answered on 13 Nov 2012

3 answers

491 views

ID of new item in Kendo UI data source

When I create a new item in the server-side using a Kendo UI data source, how do I update the ID of the client-side data item with the ID of the new record inserted in the database in the server-side?

Data Source

answered on 13 Nov 2012

1 answer

839 views

data source, add() + sync() + promises ?

I'm creating a single page app and I run into some trouble. It's basically very simple. When I try to persist a new model (model A) it want to use a property of this model (model A.id) in the persistance of another model (model B). The property 'id' (model A.id) is supplied by the back-end.

If I use the following sequence;

var A = dataSource.add({ dataObjectA });

dataSource.sync();

var dataObjectB = { 'aId' : A.id, 'otherData': [] };

var B = otherDataSource.add({ dataObjectB });

dataSource.sync();

then the property A.id will be present AFTER the sync() call on the data source. The a-synchronous nature of these calls will lead to the problem that when the call is being made to the otherDataSource.add method the property A.id is not yet set.

After an extensive search I thought of a solution using promises. Since I don't know how to implement these I looked at the source of the data source component. That is when I discovered that the data source already has some sort of promises built in. Would it be possible to supply me (and all readers of this forum) with an example of how to use the promises?

This problem is giving me massive headaches and I've been stuck with the development of my app for quite some time so some help would be very, very, very much appreciated! :)

Data Source

answered on 13 Nov 2012

2 answers

169 views

Clean the Parameters for Webservice

I am having issues in passing the Parameters to my Webservice. I am passing two parameters that my WS is expecting in the code as:

var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "http://localhost/ws/MobileWS.asmx/GetMenuItems",
dataType: "json",
contentType: 'application/json; charset=utf-8',
data:
}
q: { 'MenuID': '5', 'VersionID': '2' }
}
}
},

The parameters are passed with special characters as:
http://localhost/ws/MobileWS.asmx/GetMenuItems?q%5BMenuid%5D=5&q%5BVersionID%5D=2

How can I clean it up to get it as:
http://localhost/ws/MobileWS.asmx/GetMenuItems?Menuid=5&VersionID=2

Thanks,
Chandu

Data Source

answered on 13 Nov 2012