Questions on Kendo UI for jQuery Forum

3 answers

545 views

Editable Grid - cancel button destroying all changes

When using editable grids, while editing a row for the second time and clicking cancel, all changes are lost to the row. Expected behavior is for the current changes to be cancelled only.

To reproduce:

http://jsfiddle.net/getBalian/gHZMp/
1. Edit a row and click update
2. Edit the same row and click cancel

The row reverts back to its starting state.

If you uncomment the transport update options, the jsfiddle will work but it is not an option for us to use the ajax transport update option, as there are multiple grids on the same page which must be submitted at the same time. Is there a workaround for this, so the grid rows will not reset?

Any help would be greatly appreciated.

Grid

answered on 07 Jan 2014

1 answer

118 views

Formatting currency with big amounts from variable not working.

Hi,

I've created a template that displays a big amount of money (> 1.000.000.000). Unfortunately the formatter doesn't seem to handle big numbers from an input variable.

// transactionAmount = 1000000000 and is stored in the field of a model

// In the template definition I see this unexpected result:

#: kendo.toString(get("transactionAmount"), "c") # // result: 1000000000

// Smaller or hard-coded amounts work fine:

#: kendo.toString(get("transactionAmount")/1000, "c") # // result: € 1.000.000,00

#: kendo.toString(1000000000, "c") # // result: € 1.000.000.000,00

Am I doing something wrong, or is this a bug? Thanks for your help!

Best regards,

Harry van Mierloo

Globalization

answered on 07 Jan 2014

2 answers

272 views

Make toolbar create link work when grid is not visible

I have a search screen that takes up a fair amount of real estate. When you click search, the search options compress into an accordian like control, and the Kendo grid is shown. On the grid is a toolbar with a create button.

Now, say there are no results returned from the search. I do not show the Kendo grid, but it is rendered. The display is simply set to none. In my Razor at this point, I add a create button at the bottom of my search criteria boxes. Some red text indicates that no records were found. The reason that I do not show the grid and instead keep the search criteria in full view is so the user can easily do another search.

The create button that gets added steals the anchor URL from the Kendo grid's toolbar's create button on the page. Clicking it does nothing though. Making the blank grid visible causes this link to start working.

So why would the grid display attribute cause the create button to not work? The create uses a popup window if that matters.

Grid

answered on 07 Jan 2014

1 answer

342 views

One Hour difference when I save a Date time in Scheduler ( Time Zone issue)

I am using Kendo Scheduler for my Project to schedule Audits. My Office is at Florida (Eastern time zone) and my server is in Central time zone. Because of this always 1 hour is added to my time when I schedule an Audit.
Since my system is going to be used across globe how can I handle the above situation. I would also like to know a solution to handle Day light saving time too.

Scheduler

answered on 07 Jan 2014

1 answer

82 views

Treeview Drag Drop - Confirm in onDrop shows multiple dialogs

Hi,

At the title of the thread, if you use a confirm within the onDrop event of the treeview drag drop then the confirm dialog is shown twice. This behaviour has been seen in IE11 and Firefox 26. Google Chrome 31.0.1650.63 appears to work as expected.

The following fiddle can be used to reproduce the behaviour: http://jsfiddle.net/ciantrius/KpEej/

TreeView

answered on 07 Jan 2014

2 answers

93 views

2 headers in app

Hi,

I'm trying to build an app that has a listview to show some categories of information. It has a basic layout like this.

<section data-role="layout" data-id="default" data-platform="ios">

<header data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

<a data-role="backbutton" data-align="left">Back</a>

</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a data-role="button" data-icon="organize" ref="">Secrets</a>

<a data-role="button" data-icon="compose" href="">Place a secret</a>

<a data-role="button" data-icon="contacts" href="">Profile</a>

</div>

</footer>

</section>

The problem is I want to add a buttongroup to the header so that its possible to select between two modes for this application, one button has show categories and the other button show everything. If i try to add a buttongroup to the header, the buttons overlap the title and it looks bad. Ideal I want to have a second header under the navbar that has the buttongroup. Is this possible and how?

Kind Regards,
Stefan

General Discussions

answered on 07 Jan 2014

1 answer

52 views

IE8 Browser becomes unresponsive when removing items from MultiSelect when bound to MVVM View Model - Kendo UI Q3 2013

Hi,

I have a MultiSelect bound to part of my View Model using Kendo MVVM and the declarative binding syntax which for the most part is working great. However, I have noticed that when removing items from the MultiSelect in IE8 the browser becomes unresponsive. This happens in IE8 native and in emulated modes are far as I can tell and seems to do this in the latest Q3 2013 builds also.

I have put together a simple example on JS Bin: http://jsbin.com/UJOxUqa/1/

I have tried with the Q2 2013 version and it seems to work OK (http://jsbin.com/OcAHuQEW/1/), so it looks like something may have been introduced in Q3?

We are due to go to pilot next week where the user base is all IE8, so if there is not a quick or obvious workaround I am guessing I will have to revert to Q2?

Any help greatly appreciated...

Regards,

Dan.

MultiSelect

answered on 07 Jan 2014

4 answers

1.9K+ views

Grid header doesn't do ellipsis on text overflow

Hi,

I'm trying to set up the grid header to do text ellipsis [Column Ti...] when the content of the header exceeds the column width.

However as you can see in the attachments, when I set the text span style as:
overflow:hidden;
text-overflow:ellipsis

The grid header wraps in multiline (the first line contains the filter icon, and the next one the header text)

I am wondering how can I achieve the appearance as in expected.png where the text does ellipsis and the filter icon remains in the same line.

Could you please shed a light with this issue?

Thanks,

Felipe.

Grid

answered on 07 Jan 2014

2 answers

536 views

Duplicating textbox

Everytime I fire this command a new instance of the Kendo numerictextbox widget span appears. It is tied to the same element though. Is there an inbuilt event or method that checks for existing numerictextbox widget span and doesn't add another?

$("#MROEveryHourNum").kendoNumericTextBox({
               value: 1,
               min: 0,
               max: 51,
               step: 1,
               format: "#",
               decimals: 0
           });

Thanks

NumericTextBox

answered on 07 Jan 2014

1 answer

105 views

Errors When Starting Device Simulator

Hi everyone.

I'm creating a new mobile project using Icenium. When I start the device simulator, I get the following errors:

Uncaught ReferenceError: cordova is not defined about:blank:1

Uncaught TypeError: Cannot read property '0' of undefined kendo.mobile.min.js:17

Why do I get these errors?

Here is the markup from my header.

<!DOCTYPE html>

<html>
<head>
<title></title>


<link href="styles/kendo/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="styles/app.css" rel="stylesheet" />


<script src="cordova.js"></script>
<script src="scripts/kendo/jquery.min.js"></script>
<script src="scripts/kendo/kendo.mobile.min.js"></script>
<script src="scripts/app.js"></script>
</head>

General Discussions

answered on 07 Jan 2014