Hide Radgrid rows on checkbox event

[TelDev]

Hi,

I have a sample grid

col1     col2     col3
1     name1     company1
2     name2     company2
3     name3     company3
4     name4     company4
5     name5     company5
6     name6     company6

I have checkboxes
 Hide even rows
 Hide odd rows
 Hide prime number rows

For hiding the rows, I looped through the grid rows(radgrid.MasterTableView.Items) and if col1 is same as selected checkbox then used item.display to false, but it does not work. Is it right way to do it?

Thanks
Teldev

[Shinu]

Hello Teldev,


I hope the following sample code will help you to achieve the required.

C#:

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
    foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
    {
        if ((item.ItemIndex % 2) == 0)
        {
            item.Visible = !CheckBox1.Checked;
        }
    }
}
protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
{
    foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
    {
        if ((item.ItemIndex % 2) == 1)
        {
            item.Visible = !CheckBox2.Checked;
        }
    }
}

Where the aspx is:

<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" Text="Hide Even"
    OnCheckedChanged="CheckBox1_CheckedChanged" />
<asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="true" Text="Hide Odd" OnCheckedChanged="CheckBox2_CheckedChanged" />
<telerik:RadGrid ID="RadGrid1" AutoGenerateDeleteColumn="true"  . . .

-Shinu.

[TelDev]

Thanks Shinu for the reply.
I followed the same way, but i think my problem is with re-binding the grid, it does not work and in turn the rows are still visible.

[Mira]

Hello TelDev,

I recommend that you use the following code on grid pre-render to implement the desired functionality:

protected void RadGrid1_PreRender(object sender, EventArgs e)
{
    foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
    {
        if ((item.ItemIndex % 2) == 0)
        {
            item.Visible = !CheckBox1.Checked;
        }
    }

    foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
    {
        if ((item.ItemIndex % 2) == 1)
        {
            item.Visible = !CheckBox2.Checked;
        }
    }
}

I hope it helps.

Regards,
Mira
the Telerik team

[TelDev]

Hi Mira,

Thanks for reply, What in case if i have linkbuttons instead of check boxes.

Thanks
Teldev

[Shinu]

Hello Teldev,

You can try the following code snippet to achieve this. Use one HiddenField to identify which LinkButton is clicked. Then in PreRender event based on this hiddenField value hide corresponding row.

C#:

protected void LinkButton1_Click(object sender, EventArgs e)
    {
        HiddenField1.Value = "LinkButton1";
    }
protected void LinkButton2_Click(object sender, EventArgs e)
    {
       HiddenField1.Value = "LinkButton2";
    }

protected void RadGrid1_PreRender(object sender, EventArgs e)
{
    if (HiddenField1.Value == "LinkButton1")
    {
        foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
        {
            if ((item.ItemIndex % 2) == 0)
               item.Visible = false;
           else
                item.Visible = true;
        }
    }
    if (HiddenField1.Value == "LinkButton2")
    {
       foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
        {
            if ((item.ItemIndex % 2) == 1)
               item.Visible =  false;
            else
               item.Visible = true;
        }
    }
}

Thanks,
Shinu.