I've implemented the example code found here: https://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog

It works as expected and is perfect for my requirements, apart from one annoyance.

When the filter is in use some child nodes are hidden, but if you click the parent node checkbox, the result is that all child nodes are checked. Irrespective of what is visible (filtered).

This isn't very useful. Is there a solution whereby only the visible children would be checked/unchecked when the parent checkbox is clicked?

Thanks,
John

Hi,

We have a grid with a cell where you can upload a file. we use javascript and JQuery.

The user uploads the file using Chrome and the file is saved properly into the database and the grid is refreshed. If the user tries immediately to download the file it takes more than 30 minutes to be downloaded and if you try to close the Chrome window you get a browser message that there is "downloading in progress".   

Could someone explain this strange behavior? is it something that has to do with the kendo grid? If the user closes the chrome window as soon as the file is uploaded and saved and then opens a new window and tries to download, the file is downloaded immediately!

This strange behavior described above does not occur in Firefox.

Any hint is very much appreciated!

Nick

Hello

how can I bind to the Click-Event of zoomIn or zoomOut for the standard zoom toolbar or PdfViewer ?

Somehow similar to 

var pdfViewer = $("#pdfviewer").data("kendoPDFViewer");
pdfViewer.toolbar.zoom.combobox.bind("change", onChangeZoom_Pdf); 

Regards

Christine

my application uses kendo version 2017.3.1026 

In my application I have user name DOM in UI,  

In a grid's dataBound event I set up popovers.

The popover sometimes opens at the correct position when the element is clicked.

Please see this video: https://vimeo.com/737072810/10bb7c26d8

This is the code setting up the popovers:

    dataBound: function(e) {

        $(".view-qrcode").kendoPopover({
            position: "bottom",
            body: '<div class="asset-qr"></div>',
            showOn: "click",
            animation: false,
            show: function (e) {

                // build QR code
                var $target = $(e.sender.element[0]);
                var uniqueId = $target.closest("tr").data("uid");
                var dataItem = Ise.Kendo.Grid.getDataItem("#assets-grid", uniqueId);
                var $popup = $(e.sender.popup.element[0]);
                var $assetQrs = $(".asset-qr", $popup);
                var url = viewModel.assetBaseUrl + '/' + dataItem.shortId;

                var $assetQr = $($assetQrs[0]);
                $assetQr.empty();

                $($assetQr).kendoQRCode({
                    value: url,
                    errorCorrection: "M",
                    size: 120
                });

            }
        });

    }
}).data("kendoGrid");

What am I doing wrong?

NB there is no PopOver tag

i have multi select control in form with about 20000 records , when i click on control every time it takes about 10 seconds

is there any solution to reduce the response time

How is it possible to expand the detail row using a command button with template?

This is what I have so far, but the click event never fires.

columns: [
				{

	    			title: "",

	    			filterable: false,
					width: "60px",
					command: [
						{
							name: "viewDetails",
							text: "",
							click: OnClickViewDetails,
							template: "<button type='button' class=' hm-grid-btns k-button k-button-md k-button-rectangle k-rounded-md k-button-solid k-button-solid-base k-grid-viewDetails' title='View Job Details'><span id='viewDetails' class='k-icon k-i-eye k-button-icon'></span></button>"
						}
						
					] 
	    		},

I am trying to populate the kendo panel control using the below json

var jsondata = { "Heading 1": 
[{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" }, 
{ "ID": 3, "Name": "TEST 3" }, { "ID": 4, "Name": "TEST 4" }, 
{ "ID": 5, "Name": "TEST 5" }, { "ID": 6, "Name": "TEST 6" },
],
 "Heading 2": 
 [{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" },
 { "ID": 3, "Name": "TEST 3" }], 

 "Heading 3": [{ "ID": 1, "Name": "TEST 1" }, 
 { "ID": 2, "Name": "TEST 2" },
 { "ID": 3, "Name": "TEST 3" }] };

Heading 1, Heading 2, Heading 3 will be the heading of the panels and the "Name" will be the subitems

JS FILE :

$(document).ready(() => {
    $("#pageLoader").hide();

    $("#panelbar").kendoPanelBar();
    var panelBar = $("#panelbar").data("kendoPanelBar");



    $.each(Object.keys(jsondata), function (i, row) {
      // trying to get all the names into an array
        let array = new Array(Object.values(jsondata)[i].length);

        $.each(Object.values(jsondata)[i], function (j, datarow) {

            array[j] = Object.values(jsondata)[i][j].Name;
        });



        panelBar.append([
            {
                text: row,
                items:  ??? 

            }
        ]);
    });
}); 

Below are the things I have tried :

items : array (subitems are populated but they are shown as "undefined")

items : [{text :  array }] (all the subitems are displayed as one item with comma separated values)

How are we supposed to give:

items : [{

text : "TEXT 1"

},

{

text : "TEXT 2"

}

]

I want to do the above thing but not hard code. In a loop or something.