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.

Hello,

Just upgraded to 2022.2.802 Kendo UI for jQuery and noticed that when clicking on a row in a grid it correctly highlights it (e.g. dark blue), but doesn't maintain the selection when moving the mouse from the row. This appears to be a breaking change - at least for our code. Previously it would still be selected/highlighted when moving the mouse away from the row.

Cheers,
Nick

1. Click the 'Add Item' button in toolbar above the grid.
2. Enter values in each column (i.e. 'name005', '005', 'G5'.
3. Click the 'Update' button in the far right column.
4. Click the 'Add Item' button again.
5. Click the 'Cancel' button in the far right column.
6. Note that the first new row (name005) is gone! It will delete all new items, not just the last one.

Hi,

is there any way to enable resizing duration (start or end) of the parent/container element in gantt, via drag on the timeline (like it is possible for tasks)?

For example I want to be able to change start or end of "Software validation, research and implementation" from standard demo.

I couldn't find any setting that allows this, so is it possible and what would be proper approach?

Thank you very much.

Regards

Vedad