[FIXED] [#867] [3.2.1] Editable Grid doesnt remove edit focus

  1. #1

    [FIXED] [#867] [3.2.1] Editable Grid doesnt remove edit focus

    Ext Team,

    please load the grid. THen click on the the 71 on the first row. Then click on the checkbox to the left. Notice that even though we checked the box, the edit field is still active in the 71.

    I would expect it to remove the edit box (make it non-editable) since i selected a checkbox and Clicks to Edit=1

    Thanks,
    /Z


    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <!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 id="Head1" runat="server">
        <title>Test</title>
            <script type="text/javascript">
    
    
            </script>
    
    
        <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.Store1.DataSource = this.Data;
                this.Store1.DataBind();
            }
        }
    
    
        private object[] Data
        {
            get
            {
                return new object[]
                {
                    new object[] { 0, 1, "3m Co", 71 },
                    new object[] { 0, 2, "Alcoa Inc", 29 },
                    new object[] { 0, 3, "Altria Group Inc", 83 },
                    new object[] { 0, 4, "American Express Company", 52 },
                    new object[] { 0, 5, "American International Group, Inc.", 64 },
                    new object[] { 0, 6, "AT&T Inc.", 31 },
                    new object[] { 0, 7, "Boeing Co.", 75 }
                };
            }
        }
    </script>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager" runat="server">
            </ext:ResourceManager>
    
    
            <ext:Viewport ID="Viewport1" runat="server" AutoScroll="True" Layout="FitLayout">          
                <Items>
                     <ext:GridPanel 
                        ColumnLines="true"
                        ID="Grid2"
                        runat="server"
                        Layout="FitLayout"
                        Border="true"
                        Height="550">
                        <Store>
                            <ext:Store  ID="Store1"
                                        runat="server"
                                        RemoteSort="false" >
                                <Model>
                                    <ext:Model ID="Model1" runat="server">
                                        <Fields>
                                            <ext:ModelField Name="chk"  />
                                            <ext:ModelField Name="id" Type="Int" />
                                            <ext:ModelField Name="myDay" Type="String" />
                                            <ext:ModelField Name="myNumber" Type="Int"/>
                                        </Fields>
                                    </ext:Model>
                                </Model>
                            </ext:Store>
                        </Store>
                        <View>
                            <ext:GridView ID="GridView1" runat="server" StripeRows="true" />
                        </View>
                        <Plugins>
                            <ext:CellEditing ID="CellEditing1" ClicksToEdit="1" runat="server" >
                            </ext:CellEditing>
                        </Plugins>
                        <ColumnModel ID="test444" runat="server">
                            <Columns>
                                <ext:Column runat="server" Text="Id" ID="id" DataIndex="id" Width="35" />
                                <ext:Column runat="server" Text="Day" ID="myDay" DataIndex="myDay" Editable="true" Width="45"/>
                                <ext:CheckColumn runat="server" ID="test" DataIndex="chk" />
                                <ext:Column runat="server" ID="myNumber" Editable="true" Width="35"  DataIndex = "myNumber">
                                    <Editor>
                                        <ext:TextField ID="TextFieldStartTime" runat="server"/>
                                    </Editor>
                                </ext:Column>
                            </Columns>
                        </ColumnModel>
                        <SelectionModel>
                            <ext:RowSelectionModel ID="Select1" runat="server" Mode="Single" />
                        </SelectionModel>
                        <BottomBar>
                            <ext:Toolbar ID="T3" runat="server">
                                <Items>
                                    <ext:Button ID="B1" runat="server" Text="Create " Icon="Accept">
                                        <ToolTips>
                                            <ext:ToolTip ID="T1" runat="server" Title="Save" Html="Click to Save your data" />
                                        </ToolTips>
                                        <DirectEvents> 
                                            <Click 
                                                Url="/ta/Support/WebFormTest" 
                                                Timeout="60000"
                                                CleanRequest="true" 
                                                Method="POST"
                                                Failure="Ext.Msg.show({
                                                    title:   'Error',
                                                    msg:     result.message || result.errorMessage,
                                                    buttons: Ext.Msg.OK,
                                                    icon:    Ext.MessageBox.ERROR
                                                });">
                                                <EventMask MinDelay="250" />
                                                <ExtraParams> 
                                                    <ext:Parameter Name="test" Value="(Ext.getCmp('3234')!=null?Ext.getCmp('234').getValue():'false')" Mode="Raw" />
                                                </ExtraParams> 
                                            </Click>    
                                        </DirectEvents>                                                     
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                        </BottomBar>
    
    
                     </ext:GridPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Aug 17, 2015 at 10:36 AM. Reason: [FIXED] [#867] [3.2.1]
  2. #2
    Hi @Z,

    Thank you for the report! Created an Issue.
    https://github.com/extnet/Ext.NET/issues/867

    Fixed in the revision 6523 (trunk). It goes to 3.2.1.

    By the way, a CheckColumn is considered as not editable by default. It was also broken. After update from SVN, please set Editable="true" for CheckColumn to make it editable.

    Also while working on that I discovered that a focus frame of CheckColumn's cells is cut off. Created an issue and fixed in the revision 6524 (trunk). It goes to 3.2.1 as well.
    https://github.com/extnet/Ext.NET/issues/868

Similar Threads

  1. How to remove error message as popup in Editable grid
    By praveencat123 in forum 2.x Help
    Replies: 1
    Last Post: Jul 02, 2015, 2:26 PM
  2. [CLOSED] Editable Grid and focus
    By prost in forum 2.x Legacy Premium Help
    Replies: 10
    Last Post: May 12, 2014, 8:32 AM
  3. Replies: 9
    Last Post: Feb 14, 2013, 2:55 PM
  4. Editable grid with Combobox focus problem
    By dtamils in forum 1.x Help
    Replies: 3
    Last Post: Jun 27, 2011, 9:01 AM
  5. Replies: 3
    Last Post: Jun 03, 2011, 12:10 PM

Posting Permissions