Questions on Kendo UI for jQuery Forum

1 answer

219 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

114 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

270 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

533 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

947 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

195 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

1 answer

112 views

Remote View Navigation Loses Header/Footer & Styles

Hi,
I'm using a remote view to navigate to an different .aspx page, and it's works fine if the hyperlink is in the footer tabstrip (shows header/footer & styles on remote view). However, using the same link on the actual page (in the view), it will navigate, but no header/footer or styles.
Is this possible?
Thanks
Tom

General Discussions

answered on 13 Nov 2012

1 answer

346 views

Remove Datepicker icon

Is there a way to prevent the styling around the input tag associated with a Datepicker? I do not want the icon or the surrounding border which is wrapped around the input. It also sets some inline styles on the input which is preventing me from styling the input using classes.

DatePicker

answered on 13 Nov 2012

0 answers

144 views

Text("") for Command.Destroy doesn't work

Hi,

When I am calling following method I am still getting "Delete" text in the Delete/Destroy button.

c.Command(command => command.Destroy().Text("")).Width(90);

The only workaround it is to use space in Text(" ")

c.Command(command => command.Destroy().Text(" ")).Width(90);

Is this is a bug?

Grid

asked on 13 Nov 2012

0 answers

120 views

Newbie - Creating a simple form

Hi,

Im fairly new to Kendo UI and have managed to build grids successfully but what i want to do next is have a detailed form page based on what record is clicked on the grid. I know popups and inline editing can be done but i have other linked tables (i.e. notes and status history) which i want to display as grids based on the ID passed on the details page along with a simply client form.

Heres where im at. Currently if you double click on a record in the grid it goes to a details page passing the id of the client in the URL. e.g. edit.php?id=1. I want then 3 windows:

Window 1 - a form with the clients details on so they can be updated (cant do this)
Window 2 - Client notes displayed as a grid (I can do this)
Window 3 - Client status history displayed as a grid (I can do this)

I tried the tutorials on dataSource binding but am not sure if i need to be using a custom listView, gridView or Observable. These seem a little to much for what i want. i just want a form that populates based on the ID passed un the URL, that can be updated using the jSon dataSource which i already have setup.

and advise would be great

thanks

Data Source

asked on 13 Nov 2012