In the Kendo AngularJS tree view, prevent the default behavior of allowing parent nodes to be checked

Question

In the Kendo AngularJS tree view, prevent the default behavior of allowing parent nodes to be checked

Hi there, I am currently using Kendo treeview with Angularjs. My tree view has checkboxes in a hierarchy as shown below

Parent1 Child1 Child2

I would like the functionality to work as follows:

Scenario 1: if a user selects Parent1 -> Child1, Child2 should automatically get checked. This feature is functioning correctly.

Scenario 2: If a user selects Child1, Child2 -> Parent1 should not be automatically checked. I want to prevent the parent from being checked by default. How can this be achieved?

javascript angularjs kendo-treeview

Answer 1

Answer №1

There is only one option to activate this behavior, which is by using checkChildren.

If you set it to false:

$("#treeview").kendoTreeView({
  checkboxes: {
    checkChildren: false
  }
});

This will deactivate Scenario 2, resulting in the unavailability of Scenario 1.

To solve this, you can create a simple recursive function that automatically checks all children when the parent is clicked.

Answer 2

There is only one option to activate this behavior, which is by using checkChildren.

If you set it to false:

$("#treeview").kendoTreeView({
  checkboxes: {
    checkChildren: false
  }
});

This will deactivate Scenario 2, resulting in the unavailability of Scenario 1.

To solve this, you can create a simple recursive function that automatically checks all children when the parent is clicked.

In the Kendo AngularJS tree view, prevent the default behavior of allowing parent nodes to be checked

Answer №1

Similar questions

Node.js Buffer problem: How to tackle it

"Steps to retrieve the button's ID when using the onClick event in Reactjs

Using AJAX for fetching and saving an object into a variable

"Simultaneously updating the UpdatePanel, triggering a JavaScript postback, and modifying the querystring in a SharePoint Search

The error prop in Material UI DatePicker does not function properly when combined with yup and react-hook-form

Create a web application in NodeJS that mimics browser functionality by running JavaScript code from an HTML page

What is the solution to fixing the JSON parsing error that says 'JSON.parse: bad control character in string literal'?

Is there a tool available on the command line to detect simple Javascript syntax mistakes?

Troubleshooting issue: Angular not resolving controller dependency in nested route when used with requirejs

I recently created an application using Vue and I'm exploring options for storing information to use later. Would using js-cookie be a viable solution for this?

Tips for managing the background color of a box when the function is constantly refreshing in Internet Explorer

Guide on how to programmatically assign a selected value to an answer using Inquirer

What is the best way to display label information on a Google line chart?

Create a sleek transition for your Bootstrap 4 fixed Navbar by having it smoothly slide down and change to a

Incorporating filters within ui-sref for enhanced functionality

I'm having trouble displaying the content of my list items within the div

Difficulties accessing MongoDb database using Node.js

What happens when the user closes a notification in GetUIkIt 3?

"Upon invoking the console log, an empty value is being returned when attempting to access the

Should I utilize Sockets or Ajax for my project?