In order to complete this walkthrough, you will need the following:

To configure one column as button

1. Binding WebGrid to AccessDataSource.
2. Open WebGrid.NET Designer, select WebGrid > RootTable > Columns from the TreeView and add a column.
3. Set the ColumnType property of the new column to Button and the EditType property to NoEdit. You might also want to set the ButtonText and Caption properties.
   
   

   Property	Value
   Name	colBtn
   Caption	Button Column
   ColumnType	Button
   ButtonText	GetCustomerID

   
   
   
   
4. Apply the following script to the page:
   
   

   C#	Copy Code
   function DoClick(ID) { alert("CustomerID = " + ID); return true; }

   
   
5. Apply this code into the InitializeRow event. Please see the comments for explanation.
   
   

   C#

   Copy Code

   private void WebGrid1_InitializeRow(object sender, ISNet.WebUI.WebGrid.RowEventArgs e) { if(e.Row.Type == RowType.Record) { // Get the row cells. WebGridCellCollection cells = e.Row.Cells; string customerID = cells.GetNamedItem("CustomerID").Text; // Construct the custom object attribute to be attached to the button. string customObjectAttributes = " onclick = \"DoClick(CustomerID)\"" + " CustomerID = \"" + customerID + "\""; string country = cells.GetNamedItem("Country").Text; // Set the ColumnType of the cell as text if the // Country cell's content is 'UK'. if(country == "UK") { cells.GetNamedItem("colBtn").Column.ColumnType = ColumnType.Text; cells.GetNamedItem("colBtn").Text = "Not Editable"; } else { cells.GetNamedItem("colBtn").Column.ColumnType = ColumnType.Button; cells.GetNamedItem("colBtn").Column.ButtonText = "Get CustomerID"; } // Attach the custom object attribute to the button cell of the row. cells.GetNamedItem("colBtn").CustomObjectAttributes = customObjectAttributes; } }

   
   
6. Run the sample.