Expand/Collapse node when IsEnable is set to false

[Michele]

Hi

I need to disable the cell editing of a TreeGridExpanderCell but in the same time i need to allow expand/collapse function.

How can i modify my xaml if is it possible?

        <Style TargetType="syncfusion:TreeGridExpanderCell">

            <Setter Property="BorderBrush" Value="Transparent"/>

            <Setter Property="BorderThickness" Value="0"/>

            <Setter Property="IsEnabled" Value="{Binding IsKeyEditable}"/>

        </Style>

               <syncfusion:TreeGridTextColumn HeaderText="Key" MappingName="Key" Width="100" AllowFocus="True">

                    <syncfusion:TreeGridTextColumn.CellTemplate>

                        <DataTemplate>

                            <StackPanel Orientation="Horizontal">

                                <Image Source="VSIcons/Field_16x.png" Width="15" Margin="5,0,0,0"/>

                                <TextBlock Text="{Binding Key}" Margin="7,0,0,0" VerticalAlignment="Center" />

                            </StackPanel>

                        </DataTemplate>

                    </syncfusion:TreeGridTextColumn.CellTemplate>

                </syncfusion:TreeGridTextColumn>

[Arulraj A]

Hi Michele, 

Thanks for contacting Syncfusion Support. 

We have analyzed your query to restrict the editing operation for TreeGridExpanderCell without affecting expanding/collapsing operation on node. On analyzing your provided code snippet, it seems that you have set TreeGridExpanderCell.IsEnabled as false and because of this setting you were unable to expand/collapse node. You can resolve this by setting TreeGridColumn.AllowEditing property for the expander column as false  instead of setting TreeGridExpanderCell.IsEnabled as false. Please refer to the code snippet below 

<syncfusion:TreeGridTextColumn HeaderText="Key" MappingName="Key" Width="100" AllowFocus="True" AllowEditing="False" > 

                    <syncfusion:TreeGridTextColumn.CellTemplate> 

                        <DataTemplate> 

                            <StackPanel Orientation="Horizontal"> 

                                <Image Source="VSIcons/Field_16x.png" Width="15" Margin="5,0,0,0"/> 

                                <TextBlock Text="{Binding Key}" Margin="7,0,0,0" VerticalAlignment="Center" /> 

                            </StackPanel> 

                        </DataTemplate> 

                    </syncfusion:TreeGridTextColumn.CellTemplate> 

                </syncfusion:TreeGridTextColumn> 

 

Also please refer to the below UG link to know more details on editing 

UG Link: 

https://help.syncfusion.com/wpf/sftreegrid/editing  

 

Please let us know if you need any further assistance on this. 

Regards, 

Arulraj A 

[Michele]

Thanks Arulraj 

My question was not clear, sorry.

I have many TreeGridExpanderCell in my tree, some of them need to be editable and other no, it depends from IsKeyEditable property related to each node in the tree, but all of them need to be expanded/collapsed.

If i bind IsKeyEditable property to the TreeGridTextColumn, the property have effect on entire Column.

I need to expand/collapse TreeGridExpanderCell but i don't want that some of those Cell are editable.

I've try to set the IsEnable property in the style of TreeGridExpanderCell but it locks editing and also expand/collapse. 

<Style TargetType="syncfusion:TreeGridExpanderCell">

     <Setter Property="IsEnabled" Value="{Binding IsKeyEditable}"/>

</Style>

I need a solution silimilar to this:

<Style TargetType="syncfusion:TreeGridExpanderCell">

     <Setter Property="AllowEditing" Value="{Binding IsKeyEditable}"/>

</Style>

But unfortunatly AllowEditing is not a property of TreeGridExpanderCell

How can i resolve or bypass this?

Thanks

[Shobika Palani]

Hi Michele, 

 

Thanks for the update. 

 

We are currently working on to achieve your requirement to restrict editing based on row data and also to enable expand/collapse option in node. We will update you with further details on 20^th March, 

2019. 

 

We will appreciate your patience until then. 

 

Regards, 

Shobika. 

[Michele]

Thanks Shobika

I will wait.

Regards

Michele

[Arulraj A]

Hi Michele,  

  

Thanks for the update.  

  

As promised earlier, we will update you with the details on 20th March 2019.  

  

We will appreciate your patience until then.  

Regards, 

Arulraj A 

[Neelakandan Kannan]

Hi Michele, 

Thanks for your patience. 

TreeGrid don’t have support to set the editing behavior using TreeGridExpanderCell style. But, this can be achieved by using the CurrentCellBeginEdit event and cancel the editing for the particular node based on the underlying row data.  

public MainWindow() 

{ 

    InitializeComponent(); 

 

    treeGrid.CurrentCellBeginEdit += TreeGrid_CurrentCellBeginEdit; 

} 

 

private void TreeGrid_CurrentCellBeginEdit(object sender, Syncfusion.UI.Xaml.TreeGrid.TreeGridCurrentCellBeginEditEventArgs e) 

{ 

    var treeNode = treeGrid.View.GetNodeAt(e.RowColumnIndex.RowIndex - 1); 

 

    if (treeNode.HasChildNodes) 

    { 

       var data = treeNode.Item as PersonInfo; 

       e.Cancel = !data.LikesCake;                     

    } 

} 

Sample: http://www.syncfusion.com/downloads/support/forum/143337/ze/Sample-362166866.zip 

 

Regards, 

Neelakandan 

[Michele]

Thanks for the reply. Unfortunatly is not the solution that i'm looking for.

Syncfusion.UI.Xaml.TreeGrid.TreeGridCurrentCellBeginEditEventArgs e) 

{ 

    var treeNode = treeGrid.View.GetNodeAt(e.RowColumnIndex.RowIndex - 1); 

 

    if (treeNode.HasChildNodes) 

    { 

       var data = treeNode.Item as PersonInfo; 

       e.Cancel = !data.LikesCake;                     

    } 

} 

e.Cancel locks entire row, not only the cell.

There is a way to avoid cell editing mantaining expand/collaps behavior?

Thanks

[Arulraj A]

Hi Michale, 

Sorry for the inconvenience caused. 

You can get the TreeViewExpanderCell type by using the RowGenerator property. As of now, it is an internal property. You can use reflection to access that property. As per you requirement, this works for Expand/collapse cells i.e. Expander cells which has child nodes. Please make use of the following code and sample, 

public MainWindow() 

{ 

     InitializeComponent(); 

 

     treeGrid.CurrentCellBeginEdit += TreeGrid_CurrentCellBeginEdit; 

} 

 

private void TreeGrid_CurrentCellBeginEdit(object sender, Syncfusion.UI.Xaml.TreeGrid.TreeGridCurrentCellBeginEditEventArgs e) 

{           

     var rows = treeGrid.GetType().GetField("RowGenerator", System.Reflection.BindingFlags.NonPublic |  System.Reflection.BindingFlags.Instance).GetValue(treeGrid); 

     List<TreeDataRowBase> treeGridRows = (rows as TreeGridRowGenerator).Items; 

     var treeGridRow = treeGridRows.FirstOrDefault(row => row.RowIndex == e.RowColumnIndex.RowIndex); 

 

     if (treeGridRow == null) 

         return; 

 

     var column = treeGridRow.VisibleColumns[e.RowColumnIndex.ColumnIndex]; 

 

     if (column == null) 

         return; 

 

     if (column.Element is TreeGridExpanderCell && treeGridRow.Node.HasChildNodes) 

     { 

         var data = treeGridRow.RowData as PersonInfo; 

         e.Cancel = !data.LikesCake; 

     } 

} 

 

Sample: http://www.syncfusion.com/downloads/support/forum/143337/ze/TreeGrid_BeginEdit-1740906194.zip 

Let us know whether this helps also if you need any further assistance on this. 

Regards, 

Arulraj A 

[Michele]

Many thanks!

It works perfectly!!

Really good support! 

Michele

[Arulraj A]

Hi Michele, 

Thanks for the update. 

We are glad to know that the provided solution worked at your end. Please let us know if you have any further queries on this. We are happy to help you. 

Regards, 

Arulraj A