We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi,
I have a TreeGrid and use the option of ShowCheckbox="true" in the TreeGridColumn.
Now I have some rows I want to disable, which work quit good.
For this I use the RowDataBound event to set the e-disabled css class. But the checkbox is still clickable.
public void RowDataBoundHandler(RowDataBoundEventArgs<TTargetEntity> args)
{
if((args.Data as TaskReportingDto)?.IsBilled ?? false)
args.Row.AddClass(new []{ "e-disabled"});
}
What can I do to disable the checkbox as well?
Thank you and best regards
Sven Boris Bornemann,
Query: second one isn' working because I want to use AutoCheckHierarchie=true. And is this case I want to prevent that the check box in a disabled row is checked
We are able to replicate the issue at our end. To overcome this, we suggest you to follow the below code example.
Please refer to the below code snippet,
|
<SfTreeGrid IdMapping="TaskId" @ref="TreeGrid" ParentIdMapping="ParentId" DataSource="@TreeGridData" TreeColumnIndex="1" AutoCheckHierarchy="true"> ….. <TreeGridEvents TValue="TreeData.BusinessObject" CheckboxChange="checkboxchange" RowDataBound="RowDataBoundHandler" RowSelecting="Rowselecting"></TreeGridEvents> </SfTreeGrid>
public void RowDataBoundHandler(RowDataBoundEventArgs<TreeData.BusinessObject> args) { // Here you can customize your code if (args.Data?.TaskId == 4 || args.Data?.TaskId == 6 || args.Data?.TaskId == 5) {
args.Row.AddClass(new[] { "e-disabled" }); //here we disable the row rowIndexes.Add(args.Data.TaskId); // collect the disabled row taskid(this is unique value) } } public void checkboxchange(CheckBoxChangeEventArgs<TreeData.BusinessObject> args) { //here we collect the selct child's parent records details var parent = TreeGridData.Where(p => p.isparent == true).ToList(); for (var j = 0; j < parent.Count; j++) { if (TreeGrid.GetCurrentViewRecords()[(int)args.SelectedRowIndex].TaskId == parent[j].TaskId) { parentcheked = true; //enable the parent condition when parent is checked selected_parent = parent[j]; } }
for (var i = 0; i < rowIndexes.Count; i++) { //here disable the checkbox selection on individual disable row if (TreeGrid.GetCurrentViewRecords()[(int)args.SelectedRowIndex].TaskId == rowIndexes[i]) {
double[] selected = new double[1]; selected[0] = args.SelectedRowIndex;
TreeGrid.SelectCheckboxes(selected); } //here disable the disable row's checkbox selecttion when parent is checked else if (parentcheked == true && args.Checked==true) { //here collect the all child records of selected parent var Child = TreeGrid.GetCurrentViewRecords().Where(p => p.ParentId == selected_parent.TaskId).ToList();
int val = 0; for (var ch = 0; ch < Child.Count; ch++) { for (i = 0; i < rowIndexes.Count; i++) { if (Child[ch].TaskId == rowIndexes[i]) { val = i; } } if (Child[ch].TaskId != rowIndexes[val]) { Tree_data.Add(Child[ch]); } } double[] selected = new double[Tree_data.Count];
for (var ch = 0; ch < Tree_data.Count; ch++) { //here we find the child index of selected parent selected[ch] = TreeGrid.GetCurrentViewRecords().FindIndex(a => a.TaskId.Contains(Tree_data[ch].TaskId)); } await Task.Delay(100); //here prevent the selection await TreeGrid.SelectCheckboxes(selected);
parentcheked = false;// disable }
}
|
In the above code snippet, the selected parent record details are collected using its index. Using the taskid value of the parent, all child records of the selected parent are collected, excluding the disabled rows. Then, the checkboxes are selected using the selectCheckboxes method based on the child records index value.
Please refer to the below screenshot,
Note: Based on that you need to handle the multiple levels.
If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly
