Adding a button column

[Jason Lui]

Is there anyway to add a button column? I want to add a 'On' and 'Off' button for each row. If so, how do I hook into the click event?

[Rajadurai C]

Hi Jason,

Thanks for your interest in Syncfusion Products.

A column in gridcontrol can be set with buttons through the use of "PushButton" celltype with the following code.

this.gridControl1.ColStyles[5].CellType = "PushButton";
this.gridControl1.ColStyles[5].Description = "Disable";

The click in this button trigger the PushButtonClick event. This event provides properties to access the index of the cell whose button has been clicked.

Here is some code for your reference handled in this event.

this.gridControl1.PushButtonClick += new GridCellPushButtonClickEventHandler(gridControl1_PushButtonClick);

void gridControl1_PushButtonClick(object sender, GridCellPushButtonClickEventArgs e)
{
    if (this.gridControl1.RowStyles[e.RowIndex].Enabled && this.gridControl1[e.RowIndex, e.ColIndex].Description == "Disable")
    {
         this.gridControl1.RowStyles[e.RowIndex].Enabled = false;
         this.gridControl1.CurrentCell.Refresh();
         this.gridControl1[e.RowIndex, e.ColIndex].Description = "Enable";
    }
    else
    {
         this.gridControl1.RowStyles[e.RowIndex].Enabled = true;
         this.gridControl1[e.RowIndex, e.ColIndex].Description = "Disable";
    }
}

Regards,
Rajadurai

[Jason Lui]

Thanks for the reply. I apologize I didn't mention it in my original post, but I would like this for a grid grouping control. Was the code you posted above for another grid control? I was not able to see the properties in my IDE.

[Jason Lui]

I was able to use:

gridGroupingControl.TableDescriptor.Columns["Test"].Appearance.AnyRecordFieldCell.CellType = "PushButton";

to achieve partly what I needed, but how do I set the text in the button? I tried setting the cell value property but that didn't do anything.

[Rajadurai C]

Hi Jason,

To set the text for the pushbutton, make use of Description property. The button click event can be handled through TableControlPushButtonClick event.

Regards,
Rajadurai

[QLT User]

1. how would you get the current record or the data from another cell in that row with the
GridCellPushButtonClickEventHandler.

2.how do i make sure the header cell does not show a button in gridgroupingcontrol


[Arulpriya Ramalingam]

Hi Customer, 

  

Thanks for your interest in Syncfusion products.   

  

Query	Response
1. how would you get the current record or the data from another cell in that row with the     GridCellPushButtonClickEventHandler.	The CurrentRecord can be retrieved from the GridTableCellStyleInfo when the push button of a cell is clicked. The GetTableViewStyleInfo() method can be used to get the Style of the current cell and the GetRecord() method of Element can be used to get the current record. Please refer to below code and KB link,       //Event Subscription    this.gridGroupingControl1.TableControlPushButtonClick += GridGroupingControl1_TableControlPushButtonClick;        //Event Customization    private void GridGroupingControl1_TableControlPushButtonClick(object sender,GridTableControlCellPushButtonClickEventArgs e)    {        GridTableCellStyleInfo style =this.gridGroupingControl1.TableControl.GetTableViewStyleInfo(e.Inner.RowIndex, e.Inner.ColIndex);        GridTableCellStyleInfoIdentity id = style.CellIdentity as GridTableCellStyleInfoIdentity;        //To get the current record        Record record = id.DisplayElement.GetRecord();        if (record != null)        {            string cellValue = record.GetValue("DateTime").ToString();            MessageBox.Show(cellValue);        }    }       KB link: https://www.syncfusion.com/kb/4275/how-can-i-identify-a-record-from-the-gridstyleinfo
2.how do i make sure the header cell does not show a button in gridgroupingcontrol	Suggestion 1        If you want to add push buttons only for record cells, use the AnyRecordFieldCell Property of GridTableCellAppearence to add the push button cell types only to the record rows. So, the push button will not be set for column headers. Please refer to the below code,       //To add the push button only for the record fields    this.gridGroupingControl1.TableDescriptor.Columns["Button"].Appearance.AnyRecordFieldCell.CellType = GridCellTypeName.PushButton;
	Suggestion 2    The QueryCellStyleInfo event can also be used to add the push buttons only to the record field cells. In that event the CellType property can be used to restrict the push button for header cells. Please refer to the below code and sample,        //Event Subscription    this.gridGroupingControl1.QueryCellStyleInfo += GridGroupingControl1_QueryCellStyleInfo;        //Event Customization    private void GridGroupingControl1_QueryCellStyleInfo(object sender, GridTableCellStyleInfoEventArgse)    {        //To restrict the button         if(e.TableCellIdentity.RowIndex > 0 && e.TableCellIdentity.Column !=null && e.TableCellIdentity.Column.Name == "Button" && e.Style.CellType != "ColumnHeaderCell")        {            e.Style.CellType = "PushButton";            e.Style.Description = "ON";            e.Handled = true;        }    }

  

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/PushButton-534023527    

  

Regards,   

Arulpriya   

[Rija Rabe]

Hello,

Is there a way to only put a button on a summary row instead of all the rows ?

Regards!

[Sabaridass Ramamoorthy]

Hi Rija, 

In order to add the push button for summary cells, you need to use the TableCellIdentity.DisplayElement.Kind property in QueryCellStyleInfo event. Please refer the following code example. 

C# 

this.gridGroupingControl1.QueryCellStyleInfo += GridGroupingControl1_QueryCellStyleInfo; 

private void GridGroupingControl1_QueryCellStyleInfo(object sender, GridTableCellStyleInfoEventArgs e) 

{ 

    int fieldIndex = this.gridGroupingControl1.TableDescriptor.Columns.IndexOf("Button"); 

    int colIndex = this.gridGroupingControl1.TableDescriptor.FieldToColIndex(fieldIndex); 

    //To restrict the button  

    if(e.TableCellIdentity != null && e.TableCellIdentity.RowIndex > 0  

        && e.TableCellIdentity.DisplayElement.Kind == DisplayElementKind.Summary && e.TableCellIdentity.ColIndex == colIndex) 

    { 

        e.Style.CellType = "PushButton"; 

        e.Style.Description = "ON"; 

        e.Handled = true; 

    } 

} 

 

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/CS-383856068  

 

Please get back to us if you need any further assistance on this. 

Regards, 

Sabaridass R