How to invoke a client side row click event on GridPanel?

  1. #1

    How to invoke a client side row click event on GridPanel?

    Hi,

    I'm aware it's possible to select a GridPanel row on the client side. However, neither direct RowClick event nor RowSelect listener is fired then. Is there any way to call them explicitly? I would appreciate your suggestions.

    Thanks,

    Vadym
  2. #2
    Hi,

    The RowSelect event should be fired when a row is selected by calling the selectRow method.
    http://docs.sencha.com/ext-js/3-4/#!...thod-selectRow

    To fire an event manually, please use the fireEvent method.
    http://docs.sencha.com/ext-js/3-4/#!...thod-fireEvent
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    The RowSelect event should be fired when a row is selected by calling the selectRow method.
    http://docs.sencha.com/ext-js/3-4/#!...thod-selectRow

    To fire an event manually, please use the fireEvent method.
    http://docs.sencha.com/ext-js/3-4/#!...thod-fireEvent
    Thanks Daniil!

    Any real code example or link would be great.

    Vadym
  4. #4
    Here you are.

    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", "test2", "test3" },
                    new object[] { "test4", "test5", "test6" },
                    new object[] { "test7", "test8", "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>
    </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>
                <SelectionModel>
                    <ext:RowSelectionModel runat="server">
                        <Listeners>
                            <RowSelect Handler="alert(rowIndex);" />
                        </Listeners>
                    </ext:RowSelectionModel>
                </SelectionModel>
            </ext:GridPanel>
            <ext:Button runat="server" Text="Select">
                <Listeners>
                    <Click Handler="GridPanel1.getSelectionModel().selectRow(1);" />
                </Listeners>
            </ext:Button>
            <ext:Button runat="server" Text="Fire event">
                <Listeners>
                    <Click Handler="var sm = GridPanel1.getSelectionModel();
                                    sm.fireEvent('rowselect', sm, 'You can pass everything you wish.');" />
                </Listeners>
            </ext:Button>
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 1
    Last Post: Mar 26, 2012, 5:59 PM
  2. Replies: 1
    Last Post: Jan 24, 2012, 1:40 PM
  3. Adding an event to Msg button from a client side?
    By ascsolutions in forum 1.x Help
    Replies: 3
    Last Post: Jan 24, 2012, 11:47 AM
  4. [CLOSED] [1.0] passing Extra Parameter to button Click from client-side
    By webclouder in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jun 07, 2010, 12:36 PM
  5. client side script after ajax event
    By [WP]joju in forum 1.x Help
    Replies: 0
    Last Post: Nov 25, 2009, 2:30 AM

Posting Permissions