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

Hello

I'm looking at the kendo demo on Adding and Removing Tiles.

I would like some confirmation...

When I remove an item (splice it) from main items, I have to reorder the containers from 0 to remaining items.

That seems to work fine....HOWEVER

It appears the demo wants me to recreate every widget in the tile....really?

I have toolbars and grids and charts in my tiles.  It appears by using the setOptions on the containers...I am losing all this previously configured information and I now have to make countless calls out to the server again. 

Why would a setoption clear all the toolbars, grids, and charts?

Hello,

kendo grid can't support unicode text in pdf sample

thank you

Hello,

I looked in this forum for hints on how to export a grid that contains a hierarchical report data into PDF so the report can be printed. But I have not ran into any definitive information on the topic. I have seen some limitations. Can this be done? I tried to research the reporting capabilities of Progress but its seems that the reporting function is a .Net solution and there is not a solution for other platforms like Nodejs.

So my question is twofold:

1. How can I export hierarchical data into PDF?
2. If that is not doable, is there a non .Net reporting solution for platforms like Nodejs.

Would appreciate any pearl of wisdom I can garner from this august body.

Hi,

i use

kendo.common-bootstrap.min.css
kendo.default-v2.min.css (for k-icon k-i-gear k-icon-xl)
kendo.highcontrast.min.css

now Scheduler Background color and text color of days in a week  and alldays are white

also this problem exist in following themes

Highcontrast,Black,MetroBlack,Moonlight

sample

thank you