loading image in webgrid

yudi — Thu, 13 Jan 2011 23:54:01 GMT

I’d like to suggest you to use the SetBusy() and SetIdle() WebGrid method. The SetBusy() method marks the grid status as busy. When a grid is busy, we have to wait until the grid is set to idle before we can invoke another action. While the SetIdle() method marks the grid status as idle.

Both SetBusy() and SetIdle() methods are invoked from client-side. You can utilize the InvokeScript method to invoke client-side function script from server-side as shown in the following snippet code.

default.aspx.cs

protected void WebGrid1_ButtonClick(object sender, ISNet.WebUI.WebGrid.ButtonEventArgs e)
{
    WebGrid1.ClientAction.InvokeScript("SetWebGridToBusy()");
}

default.aspx

<script type="text/javascript">
    <!--
    function SetWebGridToBusy() {
        var WebGrid1 = ISGetObject("WebGrid1");

        // Use SetBusy() method to marks the grid status as busy.
        WebGrid1.SetBusy();

        // Use SetIdle() method to marks the grid status as idle.
        //WebGrid1.SetIdle();

        return true;
    }
    -->
</script>

Hope this helps.

loading image in webgrid

ismail — Thu, 13 Jan 2011 03:57:43 GMT

hi,

I am using Webgrid (2009 R2).

Here in my webgrid, i am using one column as button. The code is as below

<ISWebGrid:WebGrid ID="WebGrid2" Visible="False" runat="server" Height="530px" UseDefaultStyle="True"
                        Width="770px" OnInitializeLayout="WebGrid1_InitializeLayout" oninitializedatasource="WebGrid1_InitializeDataSource"  DefaultStyleMode="Win7" onbuttonclick="WebGrid1_ButtonClick">
                        <RootTable>
                            <Columns>
                                <ISWebGrid:WebGridColumn ButtonAutoPostback="True" ButtonImage="Images/select.png"
                                    ButtonText="Select" Caption="Select" ColumnType="ButtonImage" DataMember="CUST_CODE"
                                    EditInfoImage="images/login1.png" EditType="NoEdit" Name="WebGridColumn7" Width="60px">
                                </ISWebGrid:WebGridColumn>
                               
                            </Columns>
                        </RootTable>
                        <LayoutSettings AllowColumnMove="Yes" AllowExport="Default" AllowFilter="Yes" AllowGrouping="Yes"
                            AllowMultipleSelection="Default" AllowSelectColumns="Yes" AllowSorting="Yes" AutoFitColumns="True" PagingSize="10" AlwaysShowHelpButton="False" StatusBarVisible="False" GroupByBoxVisible="True">
                           <ButtonStyle BackColor="Transparent" Width="200px" BorderWidth="0px">
            </ButtonStyle>
                            </LayoutSettings>
</ISWebGrid:WebGrid>

When i click on the button, i am doing something lengthy operation in the backend. Here i want to use "loading" indication on the page, when some one click the button.

I tried th use Ajax updateprogress and ajax upadepanel to implement the loading effect by putting grid inside the updatepanel. But it is not working.

Is there any way to do it in your webgrid control

thanks and regards

ismail

Intersoft Community - WebGrid Enterprise - loading image in webgrid

loading image in webgrid

loading image in webgrid