Questions on Kendo UI for jQuery Forum

3 answers

151 views

databinding issue when adding items

Hi, I have a dropdown that I need to add available values in it while it is already loaded and have a selected item.

Look at my sample:

https://dojo.telerik.com/@foxontherock/ulONexoh/2

I just create an observable Array, bind it to my datasource, and run it. I select an item.

Then, I try to add a new one, using databinding, so I "push" it to the observableArray.

These are some issues I have:

When I open the dropdown after adding items, all the selections seems to be reversed (orange / gray)

If I don't reselect a new item, the last one - 1 is selected (reversed).
But the real selected one seems to be the last (new one) when calling the .text() method.

Also, if I call select(id-of-already-selected-item), it switch to it, but when i open the combo, all colors are reversed.

I also tried to:
combo.refresh()
combo.datasource.data(original list containing new item)

combo.datasource.data(copy of original list from .toJSON())
I never had any good results.
Looks like I need to destroy and recreate the combo from scratch if I want to add a new item !!

Thank you

DropDownList

answered on 11 Oct 2019

2 answers

1.4K+ views

Save in cell edits before calling editCell or calling close cell.

I'm implementing some custom navigation options in one of my kendo grids. Specifically our users want the grid to behave similarly to excel, navigating to the next row and editing the cell when a user hits the enter key.

Based on recommendations here : https://www.telerik.com/forums/kendo-grid-navigation-with-enter-key

I have disabled the navigatable option and have implemented my own keydown bindings. Using jquery I am selecting the next cell and then calling the following

grid.current(nextCell);
grid.editCell(nextCell[0])

This puts the correct cell into edit mode, but in the process I lose any changes the user had made to the previous cell.

I have tried calling close cell as referenced here: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/closecell

but I cant seem to determine a way to call the method and not cancel changes.

Is there a different method I need to call? Or a different way to persist the cell edit?

Grid

answered on 11 Oct 2019

3 answers

335 views

Missing Borders - Firefox

Hi Guys,

Have just tripped over an issue whereby Firefox is not rendering row/cell borders correctly.

To illustrate the problem run the following dojo in Firefox

https://dojo.telerik.com/EyIZuzog

On opening the popup you should see that alternate rows are missing a bottom border and the first column is missing the right border (see Firefox.png).

Under Chrome & Edge these borders are being rendered correctly (See Chrome.png).

Is this a known issue with Firefox and if so are there any methods/workarounds to overcome the problem.

Regards
Alan

Firefox: v69.0.1
Chrome: v77.0.3865.90

MultiColumnComboBox

answered on 11 Oct 2019

13 answers

1.2K+ views

Problem with DropDownList, iFrame and iPad.

Hello,
I have problem when I use DropDownList inside a page loaded into an iframe and when I use an iPad (I don't know if other touch device have the same behaviour). I have attached a small example.

In the example you can see two DropDownList, one in the main page and the other one in a second page that is loaded into an iframe.
When I use one of the many browser on Windows (IE, Firefox, Chrome...), all works fine.
When I use Chrome or Safari on iPad I have a strange behaviour: if I change the selection on the first dropdown all works fine, instead when I try to change the selected item in the second dropdown, the popup close immediatly without changing che selection.

Any dropdown in the page loaded inside the iframe have the problem.
This is a small example and the iframe have no sense, but in my projects I must use iframes.

How can I fix this issue?

Thanks.

EDIT: 04/04/2013
The previous version (2012.3.1315) works fine and the dropdownlist works as expected in the iframe too.
The new one (2013.1.319) has the descripted behaviour.

DropDownList

answered on 11 Oct 2019

3 answers

446 views

Detail Template (with row template)

Can I attach a row-template to a detail-template?

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

<h4>ciao ciao </h4>

<div id="Subgrid"

data-role="grid"

data-row-template="rowTemplate"

data-bind="source: Grid.source"

data-columns="[

{ 'field': 'documenti','title':' documentiName'},

{ 'field': 'documenti','title':'documentiSurname'},

{ 'field': 'documenti','title':'documentiAge'},

{ 'field': 'documenti','title':'documentiIsEmpty'}

]">

</div>

</script>

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

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

<tr>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

</tr>

#}#

</script>

Grid

answered on 10 Oct 2019

1 answer

133 views

Calendar display weird with Chrome

Hi team,

Seems the calendar rendering is a bit broken with Chrome when setting font-size to odd number like 11px,13px. Since 2019R1.

Last line is a bit cut at the bottom (see screenshot).

https://dojo.telerik.com/aLuvEtIp

Best regards.

Laurent

DatePicker

answered on 10 Oct 2019

9 answers

697 views

Printing?

Is there a printing feature to print the content inside the spreadsheet or do I need to use a print stylesheet?

Thanks!

Spreadsheet

answered on 09 Oct 2019

3 answers

316 views

Timeline with accuracy to minutes

Timeline is a great piece of work, but...
for my purposes i need to show not just date, but whole datetime including hour and minute, if possible seconds also.
Is there any option, overload or a way how to show full datetime in timeline?
Option for customisable datetime format is in need also.

Timeline

answered on 09 Oct 2019

3 answers

466 views

Date Time formatting issue on grouped column

When I group a grid column that is a date time, the grouped data appears above the column data which is fine, however the formatting of the date is different. Is there a way to get them to either be the same or apply a different date time format?

Grid

answered on 08 Oct 2019

3 answers

329 views

[Solved] Expand to 100% Width

Hello,

How can I expand the conversational UI to 100% width of the window ?

Thanks,
Stephane.

Chat

answered on 08 Oct 2019