I am trying to virtualize a Kendo UI JQuery list view with local data.

I also made my own Dojo here but it doesn't work. The problem with mine is that it is still creating all of the items, not just the first 5. Any idea how to fix this?

Description: We have encountered an issue with the Kendo UI FileManager component related to drag-and-drop uploads and the navigation bar.

Issue Details:

1. Duplicate Uploads on Drag-and-Drop: When performing a drag-and-drop upload, the file(s) are uploaded twice. This occurs because the API is called twice during the drag-and-drop operation, resulting in duplicate uploads.
2. Navigation Path Issue: The navigation bar at the top does not function as expected. When clicking a navigation path link, the FileManager navigates back to the home directory instead of the intended path. However, the navigation tree on the left works correctly.

Steps to Reproduce:

1. Open the Kendo UI FileManager.
2. Drag and drop a file into the FileManager interface.
3. Observe the file being uploaded twice.
4. Click on any path link in the navigation bar at the top.
5. Observe that it navigates to the home directory instead of the intended path.

Expected Behavior:

1. The file(s) should be uploaded only once during drag-and-drop.
2. The navigation bar should correctly navigate to the intended path, similar to the navigation tree on the left.

Attached Video: A video demonstrating both issues have been attached for reference. It shows how the file is uploaded twice during drag-and-drop and how the navigation bar fails to navigate properly.

Attached Source Code: I have also attached my JavaScript and controller upload source code for reference. This will provide additional context for the implementation and may help in identifying the root cause of the issues.

Hi,

I have the Scheduler (Day View), I need to show my time slots (I will get it from API) in the header.

I need to show them in the header :

This API Response :

Hello,

I have a kendo grid created from an HTML table like this:

<div class="content">
    <table id='k-grid'>
        <thead>
            <tr>
                <th data-field="my_value1">Title 1</th>
                <th data-field="my_value2">Title 2</th>
            </tr>
        </thead>
    </table>
</div>

I need to update its toolbar at runtime with setOptions in another file and I can't modify the grid setup.
So I did :

const options = kendoGrid.getOptions();
if (!options.toolbar) {
    options.toolbar = [];
}
options.toolbar.push(
    { template: `<div class='vr'></div>` },
    { template: `<select id='my-selector'></select>` }
);
kendoGrid.setOptions({ toolbar: options.toolbar });

But when I refresh the Grid using setOptions, the columns  titles are lost and take the value of the data-field attributes.
I know this is expected behavior with reference to the setOptions documentation and the init from Table - documentation.

My goal is to make updating the toolbar completely transparent to creating the grid in order to reuse it on any table without breaking it.

How can I keep the data in the original HTML table and apply it to the newly created grid with setOptions please?

This is my code

1. I want to export master & its related child record to excel and its working fine if i didnt use grouping. but whereas if i add grouping, then its not working. 

2. Also how to remove the header in child records while exporting to excel.

Expecting your help.

Hello,

I am trying to build a grid that has a combobox in it that should be filled from an Ajax request. But based on the demo on the page, I am not being able to determine where the combobox is filled.

I appreciate any help on the matter, if possible with a code sample so that I can understand it better.

Regards,

Alexandre

If I include a certain kedo ui theme like default or nova or uniform in my asp.net mvc view/web page that uses kendo ui, then what would be the quickest way to apply the kendo ui theme to everything on the asp.net mvc view i.e. to the textboxes, buttons etc.?

The asp.net mvc view/web page is always applying boostrap theme to the textboxes, buttons etc, but I want to change it so that the kendo ui theme gets automatically applied to these textboxes, buttons etc.

I know that I could execute jquery code on document  ready event that looks for all elements in the web page and then changes each element to a corresponding kendo ui element (example code as below), but this would involve quite a bit of coding in jquery.

 $(document).ready(function () {
        let allElements = document.querySelectorAll("button,input,textarea");
        console.log("allElements length is " + allElements.length);
        for (let i=0; i < allElements.length; i++) {
            let emt  = allElements[i];
            emt.className = "";
            console.log("element tag name is " + emt.tagName);
             if (emt.tagName === "BUTTON") {
                 $(emt).kendoButton();
            } else if (emt.tagName === "INPUT" && (emt.getAttribute("type") === "text" || emt.getAttribute("type") === "password")) {
                 $(emt).kendoTextBox();
            } else  if (emt.tagName === "TEXTAREA" ) {
                 $(emt).kendoTextArea();
             }
        }
        $(".jumbotron").kendoResponsivePanel({breakpoint:769});
        });