[OPEN] [#339] 2.2 Row selection behavior in gridpanel when going up/down with arrow keys and checkbox select

  1. #1

    [OPEN] [#339] 2.2 Row selection behavior in gridpanel when going up/down with arrow keys and checkbox select

    Hi,
    I see the following behavior when I have a gridpanel with CheckboxSelectionModel.Mode=Simple:
    1) I select one row with the mouse
    2) then I walk up and down using the arrow keys
    3) each row I visit gets selected, without the previous row being deselected, and if before visit the row already checked, then target row will not chaecked, and key navigation not to target row.
    4) when I get to the top or end of the list then pressing up resp. down deselects the row and then selects it again, press up a few times when at the top, then it can be seen.

    <%@ Page Language="C#" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X7.IsAjaxRequest)
            {
                Store1.DataSource = new List<object>() 
                {
                     new {ID=1, Name="111"},
                     new {ID=2, Name="222"},
                     new {ID=3, Name="333"},
                     new {ID=4, Name="444"},
                     new {ID=5, Name="555"},
                     new {ID=6, Name="666"},
                     new {ID=7, Name="777"},
                     new {ID=8, Name="888"},
                };
                Store1.DataBind();
            }
        }
    </script>
    
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <ext:ResourceManager runat="server"></ext:ResourceManager>
        <ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
            <Items>
                <ext:GridPanel ID="GridPanel1" runat="server">
                    <Store>
                        <ext:Store ID="Store1" runat="server">
                            <Model>
                                <ext:Model runat="server" IDProperty="ID">
                                    <Fields>
                                        <ext:ModelField Name="ID" />
                                        <ext:ModelField Name="Name" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                        </ext:Store>
                    </Store>
                    <ColumnModel>
                        <Columns>
                            <ext:Column ID="ID" runat="server" DataIndex="ID" Text="ID"></ext:Column>
                            <ext:Column ID="Name" runat="server" DataIndex="Name" Text="Name"></ext:Column>
                        </Columns>
                    </ColumnModel>
                    <SelectionModel>
                        <ext:CheckboxSelectionModel runat="server" Mode="Simple"></ext:CheckboxSelectionModel>
                    </SelectionModel>
                </ext:GridPanel>
            </Items>
        </ext:Viewport>
    </body>
    </html>
    To me both 3 and 4 are incorrect. issue 3 very strange. issue 4 i don't know why this behavior.

    About issue 3, you can do this:
    1) make all rows checked with header checkbox.
    2) click row #2 with the mouse twice (then all rows checked).
    3) press key arrow up, now row #1 not checked.
    4) press key arrow down, now row #3 not checked.
    Last edited by Daniil; Sep 04, 2013 at 4:01 AM. Reason: [OPEN] [#339]
  2. #2
    Hi @devil,

    Thank you for the report!

    Reported to Sencha.
    http://www.sencha.com/forum/showthread.php?271211
  3. #3
    Sencha opened a bug. We created an Issue to track.
    https://github.com/extnet/Ext.NET/issues/339

Similar Threads

  1. Replies: 4
    Last Post: Jul 05, 2013, 5:14 PM
  2. Replies: 7
    Last Post: Jun 26, 2013, 9:25 AM
  3. Replies: 16
    Last Post: Dec 26, 2012, 4:06 PM
  4. Replies: 1
    Last Post: Jan 25, 2012, 8:14 AM
  5. Replies: 0
    Last Post: Feb 10, 2011, 1:04 PM

Tags for this Thread

Posting Permissions