Tom Puglisi"]

Hi,

I would address this functionality using the following strategy:

In the WebGrid control’s PreRender event, iterate through the Rows and access each Button control in your Template Column. Use the Attributes.Add method on the Button Control to attach a reference to a client side function that will access a specific WebGrid row. The JavaScript function should be designed to accept a parameter, in this case the index of the Row you wish to access. The client side JavaScript function will then get a reference to the WebGrid Row and from there you can do whatever you need.

Consider this JavaScript code:

var

_grid = null;

function

UltraWebGrid1_InitializeLayoutHandler(gridName){

_grid = igtbl_getGridById(gridName);

}

function

ActivateGridRow(theRowIndex) {

if (!_grid || theRowIndex == NaN || theRowIndex < 0 ) return;

var r = _grid.Rows.getRow(theRowIndex);

if (!r) return;

r.activate();

alert("CustomerID: " + r.getCellFromKey("CustomerID").getValue());

}

In the above code, we have a reference to the client side WebGrid object which is obtained in the UltraWebGrid1_InitializeLayoutHandler JavaScript function. Each time we click a Button or CheckBox that exists in any of the WebGrid control’s Template Column, the ActivateGridRow client side function is called and passed the index of the Row that the Button or CheckBox belongs to. The ActivateGridRow function simply activates the WebGrid Row and also displays an Alert with the Customer ID.

Consider this method:

private void AttachEvents(UltraWebGrid g)

{

TemplatedColumn theTemplatedCol = g.DisplayLayout.Bands[0].Columns.FromKey("TEMPLATE") as TemplatedColumn;

foreach (UltraGridRow r in g.Rows)

{

Control theControl = theTemplatedCol.CellItems[r.Index] as Control;

Button theButton = theControl.FindControl("btnOK") as Button;

CheckBox theCheckBox = theControl.FindControl("chkSelect") as CheckBox;

if (theButton != null)

{

theButton.Attributes.Add("onClick", "ActivateGridRow(" + r.Index.ToString() + ");");

}

if (theCheckBox != null)

{

theCheckBox.Attributes.Add("onClick", "ActivateGridRow(" + r.Index.ToString() + ");");

}

}

}

 

This method is designed to iterate through each WebGrid Row and extract the Button and CheckBox control contained within the Template Column’s Cell Item for that row. Here you can interact with the control’s object model as if you would any other control such as setting properties, adding event handlers and so forth. In this case all we do is attach the client side ActivateGridRow function to the Button and CheckBox instances that reside in each Cell Item for this Column.

Since the WebGrid Row Count is 0 until late in the rendering cycle, the AttachEvents server side method should be called from within the WebGrid PreRender event:

protected void UltraWebGrid1_PreRender(object sender, EventArgs e)

{

this.AttachEvents(this.UltraWebGrid1);

}

 

Hi I used this technique for my grid, however it works only for one column.

Though the AttachEvents works fine, if I add more controls, its when I actually click on the link of the second control.

I am using Eval function for data binding. Is this the problem.