Hide refresh button on Pager

  1. #1

    Hide refresh button on Pager

    Hi,

    I want to hide "Refresh" button on the pager control which is inside a grid. I don't see any properties to do this.

    Please help me. If this is a duplicate question , please redirect me to original thread.


    <ext:PagingToolBar ID="PagingToolBar1" runat="server" PageSize="10" StoreID="Store1" />



  2. #2

    RE: Hide refresh button on Pager

    Hi Hari,

    You can set HideRefresh="true" on the PagingToolbar.

    Example

    <ext:PagingToolbar runat="server" PageSize="10" HideRefresh="true" />
    Hope this helps.
    Last edited by geoffrey.mcgill; Apr 26, 2016 at 12:56 AM.
    Geoffrey McGill
    Founder
  3. #3

    RE: Hide refresh button on Pager

    You can also hand roll the logic with the following Render Listener.

    Example

    <ext:PagingToolbar runat="server" PageSize="10">
        <Listeners>
            <Render Handler="el.refresh.hide();" />
        </Listeners>
    </ext:PagingToolbar>
    Or, get an instance of the GridPanels Toolbar...

    Example

    GridPanel1.getBottomToolbar().refresh.hide();
    Hope this helps.

    Geoffrey McGill
    Founder
  4. #4

    RE: Hide refresh button on Pager

    Hi Geoffrey,
    I am using Coolite V0.81 build. May be because of this, I don't find any of the above answers working. Here is my code

    
    
    
    <form id="form1 runat="server">
    
    <ext:ScriptManager ID="ScriptManager1" runat="server" />
    <ext:Store ID="Store1" runat="server" OnRefreshData="Store1_RefreshData">
        <Reader>
            <ext:ArrayReader>
                <Fields>
                    <ext:RecordField Name="company" />
                    <ext:RecordField Name="price" Type="Float" />
                    <ext:RecordField Name="change" Type="Float" />
                    <ext:RecordField Name="pctChange" Type="Float" />
                    <ext:RecordField Name="lastChange" Type="Date" DateFormat="Y-m-dTh:i:s" />
                </Fields>
            </ext:ArrayReader>
         </Reader>
    </ext:Store>
    
    
    <ext:GridPanel ID="GridPanel1" runat="server" StoreID="Store1" StripeRows="true"  Title="Array Grid" Width="600" Height="290" AutoExpandColumn="Company">
        <ColumnModel ID="ColumnModel1" runat="server">
           <Columns>
              <ext:Column ColumnID="Company" Header="Company" Width="160" Sortable="true" DataIndex="company" />
              <ext:Column Header="Price" Width="75" Sortable="true" DataIndex="price">
                        <Renderer Format="UsMoney" />
              </ext:Column>
              <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="change">
              </ext:Column>
              <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="pctChange">
              </ext:Column>
              <ext:Column Header="Last Updated" Width="85" Sortable="true" DataIndex="lastChange">
                    <Renderer Fn="Ext.util.Format.dateRenderer('G:i:s')" />
              </ext:Column>
            </Columns>
          </ColumnModel>
    <SelectionModel>
        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
    </SelectionModel>
    <LoadMask ShowMask="true" />
    
    <BottomBar>
            <ext:PagingToolbar ID="PagingToolBar1" runat="server" PageSize="10" StoreID="Store1">
                <Listeners>
                        <Render Handler="el.refresh.hide();" />
                </Listeners>
            </ext:PagingToolbar>
        </BottomBar>
    </ext:GridPanel>
    
    
    
    </form>
  5. #5

    RE: Hide refresh button on Pager

    Hi Hari,

    I think the code I posted was for v1.0.


    Changing 'refresh' for 'loading' should work for v0.8.x.


    I apologize for the mistake.


    Example


    el.loading.hide();

    Hope this helps.


    Geoffrey McGill
    Founder

Similar Threads

  1. Hide refresh button in ComboBox
    By venu.sn2009 in forum 1.x Help
    Replies: 2
    Last Post: Jun 15, 2011, 10:00 AM
  2. Replies: 2
    Last Post: Jun 11, 2010, 12:30 PM
  3. Paging Toolbar (hide refresh button)
    By marcmvc in forum 1.x Help
    Replies: 1
    Last Post: Apr 16, 2010, 7:01 PM
  4. Replies: 2
    Last Post: Feb 24, 2010, 5:04 PM
  5. [CLOSED] [1.0] How to hide refresh button on pager
    By jchau in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 22, 2009, 12:11 PM

Posting Permissions