[CLOSED] How do i Set Focus On the first CheckBox Inside a GridPanel with a CheckBox Selection Model

  1. #1

    [CLOSED] How do i Set Focus On the first CheckBox Inside a GridPanel with a CheckBox Selection Model

    How do i Set Focus On the first CheckBox Inside a GridPanel with a CheckBox Selection Model when a user Activate a tab?

    I have a formPanel inside a tabPanel and wish to set focus on checkbox inside GridPanel, but the code below don´t work:

    <ext:FormPanel ID="frmPnlDocumentos" Title="Documentos" runat="server" Frame="true"
                                            Disabled="true" AutoScroll="true" HideMode="Offsets">
                                            <Listeners>
                                                <Activate Handler="#{smGrdDocumentos}.focus();" />
                                            </Listeners>
                                            <Items>
                                                <ext:FitLayout runat="server">
                                                    <Items>
                                                        <ext:GridPanel ID="grdDocumentos" runat="server" StoreID="StoreDocumentos" AutoExpandColumn="Descricao"
                                                            StripeRows="true">
                                                            <ColumnModel runat="server">
                                                                <Columns>
                                                                    <ext:Column ColumnID="Sigla" Header="Sigla" Width="100" Sortable="true" DataIndex="Sigla" />
                                                                    <ext:Column ColumnID="Descricao" Header="Descrição" Width="500" Sortable="true" DataIndex="Descricao" />
                                                                </Columns>
                                                            </ColumnModel>
                                                            <SelectionModel>
                                                                <ext:CheckboxSelectionModel ID="smGrdDocumentos" runat="server"/>
                                                            </SelectionModel>
                                                            <LoadMask ShowMask="true" />
                                                            <BottomBar>
                                                                <ext:PagingToolbar ID="pgnGrdDocumentos" runat="server" PageSize="10"
                                                                    StoreID="StoreDocumentos" />
                                                            </BottomBar>
                                                        </ext:GridPanel>
                                                    </Items>
                                                </ext:FitLayout>
                                            </Items>
                                        </ext:FormPanel>
    Last edited by Daniil; Oct 04, 2010 at 4:15 PM. Reason: [CLOSED]
  2. #2
    Hi pdcase,

    There is no real checkbox, there is just a background image.

    You could focus a whole row using code like this
    grid.getView().focusRow(rowIndex)
    Last edited by Daniil; Oct 04, 2010 at 4:14 PM. Reason: Misprint correction
  3. #3

    It did not work

    It did not work:

     <ext:FormPanel ID="frmPnlDocumentos" Title="Documentos" runat="server" Frame="true"
                                            Disabled="true" AutoScroll="true" HideMode="Offsets">
                                            <Listeners>
                                                <Activate Handler="#{grdDocumentos}.getView().focusRow(0);" />
                                            </Listeners>
                                            <Items>
                                                <ext:FitLayout runat="server">
                                                    <Items>
                                                        <ext:GridPanel ID="grdDocumentos" runat="server" StoreID="StoreDocumentos" AutoExpandColumn="Descricao"
                                                            StripeRows="true">
                                                            <ColumnModel runat="server">
                                                                <Columns>
                                                                    <ext:Column ColumnID="Sigla" Header="Sigla" Width="100" Sortable="true" DataIndex="Sigla" />
                                                                    <ext:Column ColumnID="Descricao" Header="Descrição" Width="500" Sortable="true" DataIndex="Descricao" />
                                                                </Columns>
                                                            </ColumnModel>
                                                            <SelectionModel>
                                                                <ext:CheckboxSelectionModel ID="smGrdDocumentos" runat="server" />
                                                            </SelectionModel>
                                                            <LoadMask ShowMask="true" />
                                                            <BottomBar>
                                                                <ext:PagingToolbar ID="pgnGrdDocumentos" runat="server" PageSize="10"
                                                                    StoreID="StoreDocumentos" />
                                                            </BottomBar>
                                                        </ext:GridPanel>
                                                    </Items>
                                                </ext:FitLayout>
                                            </Items>
                                        </ext:FormPanel>
  4. #4

    Remember i am using tabPanel

    Remember i am using tabPanel with defferedRender property set to false.
  5. #5
    Hi,

    Please clarify what behavior are you expecting from the focusRow() method? And what requirement do you need to implement?

    As I mentioned there is no real checkbox. There is just a <div> with a background image.
    To retrieve this <div> as Ext.Element please use this code.
    Ext.get(GridPanel1.view.getRow(0)).child('.x-grid3-row-checker')
    You could .focus() it but I'm not sure what a benefit of focusing <div>...

    Here is an example demonstrating that the focusRow() method works.

    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[] {"test21", "test22", "test23"},
                                             new object[] {"test31", "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:TabPanel runat="server" DeferredRender="false" Height="500">
            <Items>
                <ext:Panel runat="server" Title="Tab1" />
                <ext:Panel runat="server" Title="Tab2" Layout="fit">
                    <Listeners>
                        <Activate Handler=" #{GridPanel1}.selModel.selectRow(0);
                                            GridPanel1.getView().focusRow(0);" />
                    </Listeners>
                    <Items>
                        <ext:GridPanel ID="GridPanel1" runat="server">
                            <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:CheckboxSelectionModel runat="server" />
                            </SelectionModel>
                            <Plugins>
                                <ext:RowEditor />
                            </Plugins>
                        </ext:GridPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 8
    Last Post: Dec 18, 2014, 6:35 AM
  2. Question about Checkbox Selection Model in GridPanel
    By slonati_adv in forum 2.x Help
    Replies: 0
    Last Post: Jul 12, 2012, 2:19 PM
  3. [CLOSED] GridPanel with Checkbox Selection Model
    By rnfigueira in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: May 07, 2012, 2:37 PM
  4. Replies: 2
    Last Post: Dec 07, 2011, 7:00 PM
  5. [CLOSED] Checkbox Selection Model in GridPanel
    By egodoy in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 15, 2009, 10:07 AM

Tags for this Thread

Posting Permissions