Questions on Kendo UI for jQuery Forum

2 answers

102 views

All Icons

Hi, Dev Team!

Where i can retrieve all list of possible icons for breadcrumb?

Thank you.

Breadcrumb

answered on 13 Feb 2020

1 answer

125 views

Is there a way to make the inline editor keyboard accessible?

Hello,

I am looking at using the inline editor on this demo: https://demos.telerik.com/kendo-ui/editor/inline-editing?_ga=2.226658462.248767136.1581373453-1040010188.1576692861

however, I don't see that you can access the editor toolbar through the keyboard? I see you can tab through the tools if you have it selected, but how would a keyboard user navigate to it?

Best,

Sara

Editor

answered on 12 Feb 2020

3 answers

179 views

filtering + loadOnDemand issue

If I load my treeview, then apply .filter on the root dataSource, when I open my nodes, the sub-items are all displayed, they are not filtered.

But, it works if loadOnDemand = false.

You KNOW that bug, because in that sample, you specifically set the "loadOnDemand = false" option.

https://docs.telerik.com/kendo-ui/controls/navigation/treeview/how-to/filtering/filter-out-search-results

I was able to fix it by applying the "main" filter to my nodes dataSource (node.children), on the "expand" event.

But, I think you should fix it in your source code instead!

TreeView

answered on 12 Feb 2020

1 answer

179 views

Draggable stacked bar chart or linear guage

I'm trying to come up with something akin to a stacked bar chart, where the user can click the end of a stack and drag it, adjusting the amount represented by that stack. Is something like this supported by the charts? Anyone have an example? (Yup, that's a reach.)

Charts

answered on 12 Feb 2020

3 answers

1.3K+ views

DateInput() for data-role="datepicker" declared in template

<div id="AffectedCountries" name="AffectedCountries" data-role="grid"

data-bind="source: dudu.AffectedCountries"

data-columns='[{"field": "Name", "title": "Name", "width": 180 },

{"field": "ValidFrom", "title": "Valid From", "width": 170},

{"command":"", "width": 50}]'

data-row-template="list-country-group-row-template" >

</div>

<script type="text/x-kendo-template" id="list-country-group-row-template" >

<tr role="row" class="k-row" data-bind="attr: { idRow: IdForBinding }">

<td data-bind="text: Name"></td>

<td class="with-required">

<input type="date" data-type="date" data-role="datepicker" class="validFrom" required

data-format="yyyy-MM-dd" data-bind="value: ValidFrom, events: {change: validFromChanged}" />

<span class="required">*</span>

</td>

<td>

<input type="date" data-type="date" data-role="datepicker" class="validTo"

data-format="yyyy-MM-dd" data-bind="value: ValidTo, events: {change: validToChanged}"/>

</td>

<td class="k-command-cell">

</td>

</tr>

</script>

I have a template with rows, each row with 2 dates, bound to an entity. Both dates have a kendoDatePicker.

I need to apply some constraints, like ValidTo value should have as min the value of ValidFrom.

And I would like to prevent the user from typing wrong values in the input field. Like "DateInput()" for ASP .NET Core or "dateInput: true" in Kendo.

Is there a way to do this? Since I could not fing any "data-*" attribute to use, and the fields do not have an Id, being bound to a viewModel.

Should I generate some kind of Id for each ValidFrom and ValidTo, for each row, and bind a $(id).kendoDatePicker()?

Date/Time Pickers

answered on 12 Feb 2020

3 answers

820 views

Apply different autohide for notification types

Hi,

How can i apply different autoHide duration for different types of notifications? A success message should auto hide after 5sec, but the rest must not autohide.

I looked at this thread, https://www.telerik.com/forums/different-closing-behaviour-for-notifications , but it does work completely. When the info window hides, it hides everything, not just the info window.

Please Advise,

Grant

Notification

answered on 12 Feb 2020

9 answers

538 views

Focus and Select Scheduler slot programmatically

I have multiple scheduler components and only one can be active at a time,
When a scheduler is switch and "right-click"/context-menu is triggered on a slot in a newly switched scheduler, an error message occur: "Unable to get property 'getFullYear' of undefined or null reference" - in kendo.all.min.js

This message will pop up on IE and trigger an error message in the console on Google Chrome,
So far the error doesn't have any impact in general, just an annoying error message,

Apparently, it won't trigger any error if "left-click" is triggered first on a slot in a newly switched scheduler before the "context-menu", and I realized that the "left-click" will give a focus and select a slot on a current scheduler. But the focus won't be given automatically by simply switching the scheduler,
I switch the scheduler only by clicking a button that will set the display of a div to 'block' and zindex to '100' and then refresh the scheduler with .refresh(). The div has scheduler inside of it.
So in general, the switching looks like this:

var calendar1=document.getElementById("div1").firstChild;

var calendar2=document.getElementById("div2").firstChild;

$("#btn1").click(function(){

$("#div2").css("display","none").css("z-index","-1");

$("#div1").css("display","block").css("z-index","100");

$(calendar1).data("kendoScheduler").refresh();

});

$("#btn2").click(function(){

$("#div1").css("display","none").css("z-index","-1");

$("#div2").css("display","block").css("z-index","100");

$(calendar2).data("kendoScheduler").refresh();

});

When the switching occur, the scheduler won't switch the focus, how can I select a slot on a newly switched scheduler or at least give a focus to the newly switched scheduler?
Because focus() method will not select a slot and it will still trigger the error

Scheduler

answered on 12 Feb 2020

3 answers

224 views

Using IF and empty quotes to check for blank value

One of our clients has spreadsheets using IF(A10="",'N/A', 1) but this does not work it will display the 1 with an empty cell. However if IF(ISBLANK(A10),'N/A',1) is used it works properly. Is there a reason for this behavior or maybe a fix without having to change a ton of formulas across several hundred files?

Spreadsheet

answered on 11 Feb 2020

9 answers

1.7K+ views

setDataSource not working

I have a kendoComboBox that I have configured with Server filtering. (autocomplete like functionality)

When a certain action occurs, I want to have the combobox select an item that I supply in code. i.e. I want to set the text AND the selected value of the combobox, and then disable the combobox.

I know I can set the text with widget.text("something"). However, the value function also sets the text. (widget.value("1111");)

So my next attempt was to set the datasource of the combobox to the object, and then call widget.select(0).

widget.setDataSource(new kendo.data.DataSource({

data: [{

itemID: '1111',

name: 'Some Item'

}]

}));

widget.select(0);

widget.trigger("change");

widget.enable(false);

However, this doesn't seem to do anything. (except disable the widget) The dataSource is getting set, but underlying value and the text are not changing. Also, the dropdown is empty. (if I don't disable it)

dataTextField is set to "name", and dataValueField is set to "itemID".

Any help would be appreciated. Thanks.

ComboBox

answered on 11 Feb 2020

5 answers

227 views

Gantt performance when connected to slow responding services

Hi,

I recently encountered situation where web services used as CRUD methods for gantt widget to be very slow (6+ seconds TTFB per request). This has caused every action on the gantt widget to be slow, and widget looks as it hangs with spinning wheel. Basically, widget is unusable, specially when user moves tasks between groups where a few tasks need to be updated to adjust hierarchy.

Unfortunately, at the moment, I am forced to remain with this services as endpoints.

Do you have any suggestion how to approach this problem?

Only thing that came to my mind was to build local datasource and handle actions manually, but I am not sure that this is best approach.

Thank you in advance.

Best regards

Gantt