Make image button in a cell of each row visible based on some logic.

gstroud012 — Mon, 05 Mar 2012 21:45:33 GMT

Thanks!

Make image button in a cell of each row visible based on some logic.

yudi — Mon, 27 Feb 2012 22:49:55 GMT

Which server side event on the webgrid do I used to control visibility of an image button...

Thank you for your recent inquiry about how to control visibility of ButtonImage ColumnType of WebGrid.

Due to popular demand, WebGrid now includes a new ButtonImage column type for handy button display with image. Although developers can use Template column type to specify any kind of contents such as <asp:Image>, it doesn't take advantage of WebGrid's postback mechanism and developers have to handle the events manually, which is time consuming.

The following screenshot shows a WebGrid using ButtonImage column type in the first column.

The sample ButtonImage definition in WebGridColumn is as following:

<ISWebGrid:WebGridColumn Name="btnInfo" ColumnType="ButtonImage"
    Width="30px" ButtonImage="images/info.gif" ButtonAutoPostback="true">
</ISWebGrid:WebGridColumn>

About how to use ButtonImage column type and assign the image of the button, please find the related article in the WebGrid’s documentation. NewButtonImageColumnType.aspx sample file in WebGrid Samples project (start > All Programs > Intersoft WebUI Studio 2011 R2 SP1 > WebUI Studio for ASP.NET > WebGrid 7 > C# or VB Samples) or check the live sample version in here, can be used for your reference.

I’d like to suggest you to utilize the InitializeRow server side event of WebGrid in order to control visibility of an image button. The snippet code below shows how to set the image button to be invisible if row’s key value is equals to 2 (this code can be tested on NewButtonImageColumnType.aspx sample file).

protected void WebGrid1_InitializeRow(object sender, ISNet.WebUI.WebGrid.RowEventArgs e)
{
    ...

    if ((int)e.Row.KeyValue == 2)
    {
        e.Row.Cells.GetNamedItem("btnInfo").CustomObjectAttributes = "style='display:none'";
    }
}

... Also can you direct me to documention that describes each server side event on the webgrid? ...

The step by step below will guide you to obtain the documentation which describes each server side event on WebGrid.

Open WebGrid 7 Documentation (start > All Programs > Intersoft WebUI Studio 2011 R2 SP1 > WebGrid 7 > WebGrid 7 Documentation.
In the Content page (the left side pane), navigate to Help Viewer Home > WebGrid > Server-side references > ISNet.WebUI.WebGrid Assembly > ISNet.WebUI.WebGrid Namespace > WebGrid Class > WebGrid Class Events.

Hope this helps.

Make image button in a cell of each row visible based on some logic.

gstroud012 — Mon, 20 Feb 2012 22:45:04 GMT

Which server side event on the webgrid do I used to control visibility of an image button. Also can you direct me to documention that describes each server side event on the webgrid?

Thanks

Greg

Intersoft Community - WebGrid Enterprise - Make image button in a cell of each row visible based on some logic.

Make image button in a cell of each row visible based on some logic.

Make image button in a cell of each row visible based on some logic.

Make image button in a cell of each row visible based on some logic.