RadGrid Command Button in Header

[Thomas Dietz]

Dear all,
how can I insert a command button in the grid header? The button should be linked to a javascript function on the client side.

The button should appear beside the column title.

Thanks!

[Shinu]

Hello Thomas,


You could add control to header dynamically in ItemCreated event of grid. The following forum shows how to do it.
Adding a checkbox to a header for a grid

Another option is using GridTemplateColumn, where you have HeaderTemplate option to customize the header of grid.


-Shinu.

[Thomas Dietz]

Dear Shinu,

the code works, I have now a button in the grid header.

The next question is how to link this button to client side java code? it normally sends back a postback, but I disabled this postback. I simply want to set some presets in the columns without a server roundtrip.

...in the meantime i solved this with the OnClientClick Property.

Everything works! Thank you.

 

[Carlos]

Please fix the link above.

[Shinu]

Hi Carlos,

If you want to create a checkbox dynamically you can try the following code snippet or else you can use GridTemplateColumn as shown here

C#:

protected void rgrdSample_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridHeaderItem)
    {
        GridHeaderItem headerItem = (GridHeaderItem)e.Item;
        CheckBox chksample = new CheckBox();
        chksample.ID = "chksample";
        headerItem["ColumnUniqueName"].Controls.Add(chksample);
        chksample.Attributes.Add("onclick", "checkheader();");
    }
}

JS:

<script type="text/javascript">
    function checkheader() {
        alert("Checked");
       //Your code
    }
</script>

Thanks,
Shinu