How to get the current row index and column index of the selected GridTemplateColumn ?

Question

I have created a gridtemplatecolumn inside the viewcell, I have created a label with tap gesture in there i need a row and column index. when i tap the label.

I have attached my code.

var column = new GridTemplateColumn();

var dtt = new DataTemplate(() => {

return new DateTimeTextBox();

});

column.CellTemplate = dtt;

dataGrid.Columns.Add(column);

dataGrid.ItemSource= DataTable;

public class DateTimeTextBox : ViewCell

{

StackLayout mainLayout = new StackLayout();

mainLayout.Orientation = StackOrientation.Horizontal;

var label = new Label();

label .Text = "Tap Here";

var tap = new TapGestureRecognizer();

tap.Tapped += (s, e) =>

{

// handle the tap

// Need Row and Column Index

};

}

Suja Venkatesan · Accepted Answer

Hi Bharath, 

You can get the RowIndex and ColumnIndex of tapped label from its parent which is GridCell as like below code snippet. 

Code snippet: 




public class DateTimeTextBox : ViewCell 
{ 
        StackLayout stack; 
        Label label; 
        TapGestureRecognizer tap; 
        public DateTimeTextBox() 
        { 
            stack = new StackLayout() { Orientation = StackOrientation.Vertical }; 
            tap = new TapGestureRecognizer(); 
            tap.Tapped += Tap_Tapped; 
            label = new Label() { Text = "test" }; 
            label.GestureRecognizers.Add(tap); 
            stack.Children.Add(label); 
            View = stack; 
        } 
        private void Tap_Tapped(object sender, EventArgs e) 
        { 
          var rowindex=  ((sender as Label).Parent.Parent as GridCell).DataColumn.RowIndex; 
          var colindex=((sender as Label).Parent.Parent as GridCell).DataColumn.ColumnIndex; 
          Debug.WriteLine("RowIndex" + rowindex + "	" + "ColumnIndex" + colindex + "
"); 
        } 
} 

Please refer the below sample for your reference.   
Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RowIndexColumnIndex320924308.zip 

Please let us know if you need any further assistance. 

Regards, 
Suja

Bharath · Answer

tq it worked.How do i assign value on GridTemplate> Label View. i am adding row on sfdatagrid dynamically with the values.

Suja Venkatesan · Answer

Hi Bharath,

Currently, we are checking the possibility to achieve your requirement on our end. We will update you with further details on or before February 22,2022. We appreciate your patience until then.

Regards,

Suja

Suja Venkatesan · Answer

Hi Bharath, 

You can achieve your requirement “Assign value on GridTemplate Label View” as like below code snippet. 

Code snippet: 




public DataGridPage() 
{ 
     InitializeComponent(); 
      dataGrid.AutoGenerateColumns = false; 
      var column = new GridTemplateColumn(); 
      column.MappingName = "FirstName"; 
      var dtt = new DataTemplate(() => 
      { 
        return new DateTimeTextBox(); 
      }); 
      column.CellTemplate = dtt; 
      dataGrid.Columns.Add(column); 
… 
} 
 
public class DateTimeTextBox : ViewCell 
{ 
        StackLayout stack; 
        Label label; 
        TapGestureRecognizer tap; 
        public DateTimeTextBox() 
        { 
            stack = new StackLayout() { Orientation = StackOrientation.Vertical }; 
            tap = new TapGestureRecognizer(); 
            tap.Tapped += Tap_Tapped; 
            label = new Label(); 
            label.SetBinding(Label.TextProperty, new Binding($"[{0}]")); 
            label.GestureRecognizers.Add(tap); 
            stack.Children.Add(label); 
            View = label; 
        } 
} 

In below sample link, we have also attached a simple sample with GridTemplate based on requirement for your reference. 
Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataTable_GridTemplate_Label_Binding-1567864886.zip 

Please let us know if you need any further assistance. 

Regards, 
Suja

Bharath · Answer

tq it worked If I have several columns how do I get the column index on Viewcell?

Suja Venkatesan · Answer

Hi Bharath, 

Currently, we are checking the possibility to achieve your requirement on our end. We will update you with further details on or before February 28,2022. We appreciate your patience until then. 

Regards, 
Suja

Suja Venkatesan · Answer

Hi Bharath, 

You can achieve your requirement “Get the column index on ViewCell  if SfDataGrid with more columns” as like below code snippet. 

Code Snippet: 





for (int i=0; i < PeopleDT.Columns.Count ; i++) 
{ 
  var column = new GridTemplateColumn(); 
  column.MappingName = PeopleDT.Columns[i].ColumnName; 
  column.CellTemplate = GetTemplate(i); 
  dataGrid.Columns.Add(column); 
} 
  dataGrid.ItemsSource = PeopleDT; 
  this.Content = dataGrid; 
} 
private DataTemplate GetTemplate(int index) 
{ 
  DataTemplate cellTemplate = new DataTemplate(() => 
{ 
   return new DateTimeTextBox(index); 
}); 
return cellTemplate; 
} 
 
public class DateTimeTextBox : ViewCell 
{ 
     StackLayout stack; 
     Label label; 
     TapGestureRecognizer tap; 
   
public DateTimeTextBox(int no) 
{ 
   stack = new StackLayout() { Orientation = StackOrientation.Vertical }; 
   tap = new TapGestureRecognizer(); 
   tap.Tapped += Tap_Tapped; 
   label = new Label(); 
   label.SetBinding(Label.TextProperty, new Binding($"[{no}]")); 
  label.GestureRecognizers.Add(tap); 
  stack.Children.Add(label); 
  View = label; 
}  

In below sample link, we have also attached a simple sample with GridTemplate based on requirement for your reference.  
Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ViewCellDatatable1189093680.zip 

Please let us know if you need any further assistance. 

Regards, 
Suja