I am seeing an issue with my kendo treelist control in version (2023.2.718) which is reproducible in kendo dojo (https://dojo.telerik.com/iDogeqoh). Essentially, I set my treelist to be reorderable and filterable using row filters. When I do this, I cannot type into the filter and holding and dragging the filter box seems to treat it like a header instead. In fact, when you click and drag that box, the screen freezes and you can't do anything with the page... I found that the selector being passed to the reorderable filter was '.k-grid-header th.k-header' which was being filled by the filter row. If you change this value to '.k-grid-header tr:not(.k-filter-row) th.k-header', the issue goes away.

I've had a look and haven't found anything that answers my specific need.

I have an app that has a bill of materials and an order. 

Bill of materials is a self referencing hirarchy of parts e.g.

• Widget 1
  • Assembly 1
    • screw type 9
    • ring type A
    • spring type 6
  • Assembly 2
    • doodah X
      • Bit 9
    • Thinkgy 33
• Widget 2
  • etc

If Assembly 1 gets added to an order then it should no longer be visible as an option in the bill of materials (nor should anything under it). Or if doodah X gets added then it and its child should no longer be visible. This is obviously a very simplified example to demonstrate the need.

Is there a way to filter out the child nodes of a treelist like this?

I see there are some issues with TreeList search functionality, even on your website:

Filter Row in jQuery TreeList Widget Demo | Kendo UI for jQuery (telerik.com)

if you go on the Last Name column and switch it to "contains" and type rr, which should match a child with the value Carr, the dropdown shows no suggestions, if you actually filter it, it will filter (considering it's local filtering)

Same applies for "ends with" i tried both rr - should match Carr and ey - should match Sweeney

Am I missing something here ?

If not, is there any way to disable the suggestion dropdown ?

Thanks,

Viorel

I have a treelist with scrolling and locked columns. Unfortunately, when the screen is wide enough to display all of the columns, the grid doesn't expand to fit the headers as seen in the included screenshot. Also, when I do expand the columns past the max height of the grid, I do not get a scrollbar and the ones below get cut off. Can you help with this? This same table works in a grid (minus the expansion piece, hence converting to a treelist). It does appear there is a scrollbar but it is outside of the table's viewable area. 

Here is a dojo: https://dojo.telerik.com/@dojolee/oraQASED

Attached is an image of what I am seeing on my site.

Here is my code: 

$("#tileTable").kendoTreeList({
            dataSource: {
                data: treeDataSource,
                schema: {
                    model: {
                        id: "hierarchyId",
                        parentId: "parentHierarchyId",
                        fields: {
                            parentHierarchyId: {
                                type: "string",
                            }
                        }
                    }
                }
            },
            sortable: false,
            columns: columns,
        }).data("kendoTreeList");

I have a kendo treelist and need to include a column menu to show or hide columns. My column headers have classes applied to them on initialization via the headerAttributes option. After hiding a column, the remaining columns' headers lose their classes. This is duplicated in the attached dojo. Notice last name is in blue. When you hide first name using the 3 dot menu, Last Name turns black. I have tried the same thing with a kendoGrid and it works as expected. Something is off with the TreeList. How do I fix this? Note that while my example here uses text color, using a template won't solve my real issue as I need the class applied to the header cell itself so I can center the content and other stuff. 

https://dojo.telerik.com/ALeLiZUV

In troubleshooting, I noticed that grid.columns is not returning headerAttributes.class for the treelist when calling $("#myGrid).data("kendoTreeList").columns for the tree list but it is when calling $("myGrid).data("kendoGrid").columns for the grid. I'm attaching images from my own project of the two returns (Note that they are from different instances which is why the other data is not the same in the two screenshots nor do they go with the dojo.)

Hi,

There are question as below, I could not provide a code snippet because for editing require an API which are not available as development is in progress

• can I know is there a way to get the response code / response message after the API is call. For example code below, after the create API call I would like to get the response code example 200 or 500 so that we can manipulate error message that require to show for user. Example if kendo taskboard it have "requestEnd" event
  

transport: {
	read: {
		url: crudServiceBaseUrl ,
		dataType: "json"
	},
	create: {
		url: crudServiceBaseUrl + "/add",
		dataType: "json"
	},
	update: {
		url: crudServiceBaseUrl + "/update",
		dataType: "json"
	},
	destroy: {
		url: crudServiceBaseUrl + "/delete",
		dataType: "json"
	},
	parameterMap: function (options, operation) {
		if (operation !== "read" && options.models) {
			return { models: kendo.stringify(options.models) };
		}
	}
},

• when I perform  transport "destroy", I realize that it will first remove the node before calling API. I wonder what happen if I fail to remove from our own logic (hit issues when remove from database) then how can we revert the node? 
• Is it in treelist we can get parent value and assign to a hidden field? Treelist only support number for id and parentid (hierarchy), howeer in our case we use GUID. Therefore, I generate number just for hierarchy display (and drag and drop) purpose. However the models only recognize the parentid but not guid that is from other field.
• on my page I reliaze that sometimes the jquery are calling the API and sometimes not? Is it related to the placement file of my kendo script versus jquery file?
• When I add new item, from backend we success to trigger and I return response 200 and model data as per below

{"Project":"e81af126-13cd-40c4-951b-9611fa85f39c","ID":"fc980fda-40c5-4fda-b97d-dfc0aced6a10","Description":"123123","WBSType":1,"SequenceNumber":0,"Parent":null,"BudgetSalesAmountDC":0.0,"BudgetCostsAmountDC":0.0,"Quantity":10.0,"WBSIcon":"","ReportsTo":null,"WBSRunningNumber":0,"hasChildren":false}

Currently I'm develop hierarchy char by using Kendo UI Treelist feature. Below is my snipe code

in my .aspx file "

I include those scripting in header

<script type="text/javascript" src="../Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../Scripts/kendo/kendo.all.min.js"></script>

in my javascript (datasource is i load from my own data)

var wbsDataSource =

    [{
        ID: "1",
        Description: "Kick Off",
        Parent: null
    }, {
        ID: "2",
        Description: "Meeting",
        Parent: "1"
    }
]

var dataSource = new kendo.data.TreeListDataSource({
    data: wbsDataSource,
    schema: {
        model: {
            id: "ID",
            parentId: "Parent",
            fields: {
                Parent: {
                    field: "Parent",
                    nullable: true
                },
                ID: {
                    field: "ID",
                    type: "number"
                }
            },
            expanded: true
        }
    }
});

$("#treelist").kendoTreeList({
    dataSource: dataSource,
    height: 800,
    editable: {
        move: {
            reorderable: true
        }
    },
    columns: [{
            field: "Description",
            title: "Description",
            width: 280,
        }
    ]

});

however when i run the code above it throw me error "Uncaught TypeError: $(...).kendoTreeList is not a function"

it will only work when I change my html header into code below (JavaScript remain the same), especially with using the base HREF

<base href="https://demos.telerik.com/kendo-ui/treelist/dragdrop">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.1109/styles/kendo.default-ocean-blue.min.css" />
<script src="https://kendo.cdn.telerik.com/2023.1.117/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.117/js/kendo.all.min.js"></script>

Hi, 

I am  using the following method to modify row background colors. 

Basically I want all parents to have one color while their children to have another color.

Here's what I am doing:

However, on expanding the treelist, it goes back to the original color (i.e. alternating white and greys)..What do I need to fix (or some other way) to accomplish what I am trying? 

Thanks a lot, 

Labhesh