Hierarchy grid collapsed by default

[Justin]

Is there any option to have the grid start off collapsed instead of having the first row expanded to see the nested grid?

[Justin]

Any help on this?

I've been trying to just collapse the row right away but it's not working. I'm pretty much just using straight example code at the moment. 'grid.tbody.find(">tr.k-master-row:first")' doesn't find anything. I would much rather just have a flag to set whether or not it should open up automatically or start collapsed.

		<script type="text/javascript">
			$(document).ready(function () {
				var grid = $("#grid").kendoGrid(
				{
					dataSource:
					{
						type: "odata",
						transport: {
							read: "http://demos.kendoui.com/service/Northwind.svc/Employees"
						},
						pageSize: 250,
						serverPaging: true,
						serverSorting: true
					},
					height: 450,
					sortable: true,
					pageable: true,
					detailInit: detailInit,
					dataBound: function () {
						this.expandRow(this.tbody.find("tr.k-master-row").first());
					},
					columns: [
								{
									field: "FirstName",
									title: "First Name"
								},
								{
									field: "LastName",
									title: "Last Name"
								},
								{
									field: "Country"
								},
								{
									field: "City"
								},
								{
									field: "Title"
								}
							]
				});
 
				var grid = $("#grid").data("kendoGrid");
				grid.collapseRow(grid.tbody.find(">tr.k-master-row:first"));
			});
 
			function detailInit(e) {
				$("<div/>").appendTo(e.detailCell).kendoGrid({
					dataSource: {
						type: "odata",
						transport: {
							read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
						},
						serverPaging: true,
						serverSorting: true,
						serverFiltering: true,
						pageSize: 6,
						filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
					},
					scrollable: false,
					sortable: true,
					pageable: true,
					columns: ["OrderID", "ShipCountry", "ShipAddress", "ShipName"]
				});
			}
		</script>

[Demi]

Would love to know this too!

[David]

Remove the dataBound function.

[Juan]

hello, how are the schemas of the data?  
Because I'm testing a hierarchy grid using data in XML and filtering, but it doesn't work fine.
Thanks you.

[Avitot]

Hello Justin,

Kendo grid is all collapsed by default.
You just need to remove this line as David says:

        dataBound: function () {
        this.expandRow(this.tbody.find("tr.k-master-row").first());
        },

Hope this helps,
Avi

[Richard]

Is it also possibility to keep 1 row expanded at a time, which means if a row is already open, it will collapse.

[Dimiter Topalov]

Hello Richard,

You can handle the Grid's detailExpand event, and close other expanded rows (if any) programmatically via the collapseRow() method:

http://dojo.telerik.com/awOdu

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress