Questions on Kendo UI for jQuery Forum

1 answer

387 views

I have an upload system in my .Net Core site that allows for a user to upload as many files as they want at a time. The files are uploaded directly to an S3 bucket and then processed. The problem is that when uploading, lets say 1,000 files, the browser does not like to create that many connections and more often than not, files routinely fail to upload. Even with retries enabled, those retries tend to fail since the browser only allows a certain number of concurrent connections.

What I am looking to do is place the files into a queue and only allow 20 files to be actually uploading at any given time (Think of how FileZilla queues items to upload). When a file completes, a new files is added until the queue is exhausted. I already have it so `AutoUpload` is set to `false` and I can place the files into an array to process but the `uploadSelectEvent.sender.upload()` method enables upload for everything.

Is there a way to pause all the uploads prior to enabling the upload so I can then resume them as needed? Is there a better way to handle this?

Upload

answered on 18 Mar 2020

1 answer

327 views

Issue with spreadsheet Range Selection

I have implemented kendo spreadsheet in an angular 8 application and a facing the following issue.
There is a functionality implemented where user can navigate to a particular cell or range of cells selected. I am using the following to do the same.

this.spreadsheet.activeSheet().range(3,2,1,1).select();

it works fine when i pass in 1 as row and column count i.e the 3rd and 4th parameter but if i scroll down a bit so that the data is out of view and select a cell and then try to navigate and select a range of cells with

this.spreadsheet.activeSheet().range(3,2,3,3).select();

It gives me the following error in the console and the navigation stops working.

core.js:6014 ERROR TypeError: e.toRangeRef is not a function<br>

at init.activeCell (kendo.all.min.js:sourcemap:98)<br>

at init.select (kendo.all.min.js:sourcemap:98)<br>

at init.select (kendo.all.min.js:sourcemap:97)<br>

at SafeSubscriber._next (prgx-lib.js:9946)<br>

at SafeSubscriber.__tryOrUnsub (Subscriber.js:183)<br>

at SafeSubscriber.next (Subscriber.js:122)<br>

at Subscriber._next (Subscriber.js:72)<br>

at Subscriber.next (Subscriber.js:49)<br>

at Subject.next (Subject.js:39)

Any idea how to fix this ?

Spreadsheet

answered on 18 Mar 2020

1 answer

92 views

Chart mouseevents invalid positions after parent container scaling

Hello, I have a problem with chart rendering after scale parent container of chart.

Example is presented in dojo: https://dojo.telerik.com/aqEdofAZ

I am transforming chart parent container with code below, chart is looking great but there is something wrong with mouse events. It looks like mouse events are pinned to non transformed chart. For example mouse hover on 2006 (green line) selects 2004 (green line). I tried to refresh and redraw chart but nothing changed. Can you help me with this case?

$(".demo-section").css({
'transform': 'scale(0.5)',
'-ms-transform': 'scale(0.5)',
'-moz-transform': 'scale(0.5)',
'-webkit-transform': 'scale(0.5)',
'transform-origin': '0 0',
'-ms-transform-origin': '0 0',
'-moz-transform-origin': '0 0',
'-webkit-transform-origin': '0 0'
});

Charts

answered on 18 Mar 2020

1 answer

347 views

Disabling Cut, Copy, Paste

How can I disable the cut, copy, paste in the dialog component? I've tried adding an .on event to the canvas and the parent div of the dialog but it isn't working

Diagram

answered on 17 Mar 2020

1 answer

91 views

Event Style

I need to add an event on the scheduler with a start and end time but highlight regions without that time differently. For example, if the event is from 12:00 PM to 8:00 PM with a break from 4:00 pm to 4:30 pm, I would like to show that break time differently in the resource style so the event bar spans the 12-8pm time but the 4-4:30 region is a different color or cross hashed, etc. Is this possible.

Scheduler

answered on 17 Mar 2020

2 answers

1.3K+ views

AutoComplete load more items in scroll end

Do we have any feature for below requirement please confirm..

Initially will load like 10 items (we have around 100+ items )
and then as we scroll through the 10 items and come to the end, will automatically load 10 more items

AutoComplete

answered on 17 Mar 2020

2 answers

128 views

MVVM chart's dataSource doesn't update like I thought it might

I tried what I thought was a pretty basic use of the observables: binding a numeric text box to a value, and then using that value in the datasource. However, it does not work. I'm wondering if what I'm trying to do is possible and I'm just doing it wrong, or if what I'm trying to do isn't possible. Here's a dojo, and the code is below as well.

<div id="example">

<div class="demo-section k-content wide">

<div class="box">

<input id="Value1NumericTextBox" data-role="numerictextbox"

data-format="c0"

data-decimals="0"

data-bind="value: Value1, events: { change: ValueChange }"

data-min="0" />

<input id="Value2NumericTextBox" data-role="numerictextbox"

data-format="c0"

data-decimals="0"

data-bind="value: Value2, events: { change: ValueChange }"

data-min="0" />

</div>

<div>

<div id="chart1" data-role="chart"

data-series-defaults="{ type: 'line' }"

data-series="[ {field: 'amount'} ]"

data-bind="source: values"

style="height: 200px;" ></div>

</div>

<script>

(function() {

var viewModel = kendo.observable({

Value1: 10,

Value2: 20,

ValueChange: function(e) {

var chart = $("#chart1").kendoChart();

chart.refresh();

},

values: new kendo.data.DataSource({

data: [

{ amount: function() { return this.get("Value1"); } },

{ amount: function() { return this.get("Value2"); } }

]

})

});

kendo.bind($("#example"), viewModel);

})();

</script>

</div>

Charts

answered on 17 Mar 2020

1 answer

100 views

Toolbar Button Style changed on Browser Zoom Change

I have a button in a tool bar that via jquery is hidden on click (It is an edit button that displays a cancel/save button.)

If I click the Edit button it applies a style of display: none;

If I then zoom on the browser the style disappears and the button becomes visible again.

Any insight on this issue?

Toolbar

answered on 17 Mar 2020

1 answer

138 views

NumericTextBox performance

Hello,

we have problem with NumericTextBox performance, we are trying to render 200 components (production report stuff).

Time which I get on Chrome 80 is ~2832ms, what interesting in FireFox 73 only 472ms, rendering 200 raw input (type=number) components is about 11ms.

How to optimize it, and why Chrome is 5x slower than FireFox in this case

https://dojo.telerik.com/iXUJaLAW/3

NumericTextBox

answered on 17 Mar 2020

2 answers

154 views

Node fields not updating on drop

What I am trying to accomplish: After dragging an element I am sending node info (for all elements) to the server so the records can be created for user preferences.

It works fine but... changes to elements do not take affect until the second drop. So, If i drag a root node (say folder1) into another root node (say folder2), under my logic below the parent of folder1 still does not exist. However.. if I drop folder1 onto folder2 a second time the parent then exists. So, ultimately how would I ensure that my logic runs for the changes after the drop?

Thanks in advance.

Snippet of my JavaScript:

$("#div_tree").kendoTreeView({

dataSource: data.ProDataSet["treemenu"],

dragAndDrop: true,

drop: function(e){

updatePinPreferences();

}

});

function checkedNodeIds(nodes,docarray) {

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

try{