Hi,

The built-in CheckBoxColumn doesn't have any interface for you to be notified when the checkbox is checked or unchecked. So you won't be able to use that. Your best option would be using a StaticColumn with some HTML. You would need to:

1. Add a StaticColumn to the Grid;

2. Set the StaticColumn's DataField to some key data that you would like later use to identify the clicked item. For example, you can use the same value as KeyField, or you can use the item index. It is completely up to you to use whatever value here as soon as it works with other part of your code;

3. Set the StaticColumn's DataFormat to something like this:



Note it passes {0} to on_checkbox_clicked handler. This is a JavaScript handler that you would need to provide. At runtime {0} is being replaced by value of your DataField. This is why step 2 is important;

4. You would then do whatever you would like to do in your on_checkbox_clicked handler. Please keep in mind this is a JavaScript handler. However you can raises a postback if you wish to do. The Grid provides raiseItemCommandEvent method that you may be able to use. You can also call the standard ASP.NET __doPostBack to raise server side event.

Hope this helps.

Thanks

I am able to track the click event using the above code, and able to store the selected row ids to table.

But now the next problem is, when i open the form next time I have to show some of the grid row selected (checked=true), basically previously selected rows, i have to show it as selected.

how it can be done ?

please help

any way thanks for not supporting :-)

i have achieved it by using the following method: any body can use it.

Dim dgStaticColumn As New EO.Web.StaticColumn
dgStaticColumn.AllowSort = True
dgStaticColumn.Width = 30
dgStaticColumn.DataField = ColumnName
dgStaticColumn.DataFormat = "<input type=""checkbox"" id='{0}' onclick=""on_checkbox_clicked(this, '{0}')""/>"
Grid1.Columns.Add(dgStaticColumn)


function ShowChecked()
{
//alert(checkedValues.value);
for (var i=0; i<document.form1.elements.length; i++) {
var e = document.form1.elements[i];
//(e.name != 'allbox') &&
//&& (!e.disabled)
if ( (e.type=='checkbox') ) {
if (inSelectedList(e.id) == true)
e.checked = true;
else
e.checked = false;
}
}
}

function inSelectedList(Code)
{

var checkedValues;
checkedValues = document.getElementById("txtSelectedValues").value;
//alert(Code + ' ---- ' + checkedValues + ' >>>>>>>' + checkedValues.indexOf(Code));

if (checkedValues.indexOf(Code) == -1)
return false;
else
return true;


thanks