What's New?

[CLOSED] Grid view Paging tool bar

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Nov 30, 2010, 6:06 AM

    [CLOSED] Grid view Paging tool bar

    Hi,

    Recently we have upgraded the coolite dll 1.0 version.

    We have placed style ="display:none" in the tr and we make it display:block in the javascript.

    So with this the grid view gets hidden and visible.

    After upgrading to the new version, this no longer works. Grid view gets visible but the paging tool bar does not get visible.

    Your quick reply is greatly appreciated.


    Thanks
    Majestic
    Last edited by Daniil; Dec 03, 2010 at 10:51 AM. Reason: [CLOSED]
  2. #2
    Nov 30, 2010, 8:08 AM
    Hi,

    I would suggest you to use GridPanel's API: show(), hide(), setVisible() methods.

    Here is an example demonstrates using of .setVisible()methods.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] {"test11", "test12", "test13"},
                new object[] {"test12", "test22", "test23"},
                new object[] {"test13", "test32", "test33"}
            };
            store.DataBind();
        }
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
        <Store>
            <ext:Store runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="test1" />
                            <ext:RecordField Name="test2" />
                            <ext:RecordField Name="test3" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test1" DataIndex="test1" />
                <ext:Column Header="Test2" DataIndex="test2" />
                <ext:Column Header="Test3" DataIndex="test3" />
            </Columns>
        </ColumnModel>
        <TopBar>
            <ext:Toolbar runat="server">
                <Items>
                    <ext:Button runat="server" Text="Hello from toolbar!" />
                </Items>
            </ext:Toolbar>
        </TopBar>
    </ext:GridPanel>
    <ext:Button runat="server" Text="Toggle visibility">
        <Listeners>
            <Click Handler="GridPanel1.setVisible(!GridPanel1.isVisible())" />
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>
  3. #3
    Nov 30, 2010, 8:35 AM

    Grid view paging tool bar with Display property

    I have lot of other controls inside a table. Gridview is one of the control.

    so only used display property for the row.(tr).
    Inside the row we have table which contain multiple rows.
    Everything works except the paging tool bar

    Please let me know how to solve the issue..

    Thanks


    Quote Originally Posted by Daniil View Post
    Hi,

    I would suggest you to use GridPanel's API: show(), hide(), setVisible() methods.

    Here is an example demonstrates using of .setVisible()methods.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
 
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] {"test11", "test12", "test13"},
                new object[] {"test12", "test22", "test23"},
                new object[] {"test13", "test32", "test33"}
            };
            store.DataBind();
        }
    }
</script>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
        <Store>
            <ext:Store runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="test1" />
                            <ext:RecordField Name="test2" />
                            <ext:RecordField Name="test3" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test1" DataIndex="test1" />
                <ext:Column Header="Test2" DataIndex="test2" />
                <ext:Column Header="Test3" DataIndex="test3" />
            </Columns>
        </ColumnModel>
        <TopBar>
            <ext:Toolbar runat="server">
                <Items>
                    <ext:Button runat="server" Text="Hello from toolbar!" />
                </Items>
            </ext:Toolbar>
        </TopBar>
    </ext:GridPanel>
    <ext:Button runat="server" Text="Toggle visibility">
        <Listeners>
            <Click Handler="GridPanel1.setVisible(!GridPanel1.isVisible())" />
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>
  4. #4
    Nov 30, 2010, 9:21 AM
    What about hiding and showing PagingToobar?

    Example
    PagingToobar1.hide(); // or GridPanel1.getPagingToolbar().hide()
PagingToobar1.show(); // or GridPanel1.getPagingToolbar().show()
    If the issue persist please provide us with a simplified sample to reproduce.
  5. #5
    Nov 30, 2010, 9:48 AM

    Paging Tool bar

    It was working fine 0.8 version. I dont want to show /hide controls individually. what ever i have wrapped inside the row - tr tag should get visible /hidden.

    Thanks
    Majestic


    Quote Originally Posted by Daniil View Post
    What about hiding and showing PagingToobar?

    Example
    PagingToobar1.hide(); // or GridPanel1.getPagingToolbar().hide()
PagingToobar1.show(); // or GridPanel1.getPagingToolbar().show()
    If the issue persist please provide us with a simplified sample to reproduce.
  6. #6
    Nov 30, 2010, 10:05 AM
    Hi,

    Please provide a sample to reproduce. I was unable to reproduce the issue using the following code.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] {"test1"},
                new object[] {"test2"},
                new object[] {"test3"},
                new object[] {"test4"},
                new object[] {"test5"},
                new object[] {"test6"},
                new object[] {"test7"},
                new object[] {"test8"},
                new object[] {"test9"}
            };
            store.DataBind();
        }
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>

    <style type="text/css">
        .myHideClass tr {
            display: none;
        }
    </style>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <table id="table1" width="100%">
        <tr>
            <td>
                <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
                    <Store>
                        <ext:Store runat="server">
                            <Reader>
                                <ext:ArrayReader>
                                    <Fields>
                                        <ext:RecordField Name="test" />
                                    </Fields>
                                </ext:ArrayReader>
                            </Reader>
                        </ext:Store>
                    </Store>
                    <ColumnModel runat="server">
                        <Columns>
                            <ext:Column Header="Test1" DataIndex="test" />
                        </Columns>
                    </ColumnModel>
                    <BottomBar>
                        <ext:PagingToolbar runat="server" PageSize="3" />
                    </BottomBar>
                </ext:GridPanel>
            </td>
        </tr>
    </table>
    <ext:Button runat="server" Text="Hide">
        <Listeners>
            <Click Handler="Ext.get('table1').addClass('myHideClass')" />
        </Listeners>
    </ext:Button>
    <ext:Button runat="server" Text="Show">
        <Listeners>
            <Click Handler="Ext.get('table1').removeClass('myHideClass')" />
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>

Similar Threads

  1. can i write code for set the paging tool bar for data view control?
    By i3class in forum 1.x Help
    Replies: 1
    Last Post: Apr 19, 2012, 12:35 PM
  2. [CLOSED] Grid panel disappears on click of next button of paging tool bar
    By AnulekhaK in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Feb 08, 2012, 8:18 AM
  3. How to pass an exernal parameterto filter a grid panel with paging tool bar connected to a webservice
    By Markp11 in forum 1.x Help
    Replies: 2
    Last Post: Oct 28, 2011, 6:44 AM
  4. Filter grid from textfield outside of grid not working while selecting next in paging tool bar
    By raks in forum 1.x Help
    Replies: 1
    Last Post: Oct 09, 2009, 3:46 AM
  5. Paging Tool Bar - NaN
    By Tbaseflug in forum 1.x Help
    Replies: 1
    Last Post: May 23, 2009, 10:06 AM

Posting Permissions