[CLOSED] Grid column Wrap property UI error with CellEditing plugin

  1. #1

    [CLOSED] Grid column Wrap property UI error with CellEditing plugin

    If a column has Wrap enabled and editor set, the row height changes when you click on the cell to edit. This is not reproducible if locking view is used, but locking view is slower so we try not to use that if possible.

    In example below, click on cell with long text.

    <script runat="server">
        
      
        Private Sub storePlans_RefreshData(ByVal sender As Object, ByVal e As Ext.Net.StoreReadDataEventArgs) Handles storePlans.ReadData
             
            Me.storePlans.DataSource = GetGridData()
            Me.storePlans.DataBind()
            
        End Sub
         
        Private Function GetGridData() As IEnumerable
            Dim list As New System.Collections.Generic.List(Of Object)
             
            list.Add(New With {.ENTITYGUID = Guid.NewGuid(), .Column1 = "Test", .Column2 = "Test2 fsf  fsdf dsf dsf dsf dsfs fs fds fsf dsf dsf dsf sf dsf dsf dsf dsf ds fds f d fs fds"})
            list.Add(New With {.ENTITYGUID = Guid.NewGuid(), .Column1 = "Test", .Column2 = "Test2"})
            
            Return list
                    
        End Function
         
         
    </script>
    <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
        <form id="Form1" runat="server">
     
        <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
            DisableViewState="true" QuickTips="false" />
        <ext:Store runat="server" ID="storePlans" WarningOnDirty="false" AutoLoad="true">
            <Proxy>
                <ext:PageProxy>
                    <Reader>
                        <ext:JsonReader>
                        </ext:JsonReader>
                    </Reader>
                </ext:PageProxy>
            </Proxy>
            <Model>
                <ext:Model ID="Model1" runat="server" IDProperty="ENTITYGUID">
                    <Fields>
                        <ext:ModelField Name="ENTITYGUID">
                        </ext:ModelField>
                        <ext:ModelField Name="Column1">
                        </ext:ModelField>
                        <ext:ModelField Name="Column2">
                        </ext:ModelField>
                    </Fields>
                </ext:Model>
            </Model>
        </ext:Store>
        <ext:GridPanel runat="server" ID="gridPlans" StoreID="storePlans" TrackMouseOver="true"
            SelectionMemory="false" EnableColumnHide="false" Cls="x-grid-dir" EnableDragDrop="true"
            DDGroup="DDGrid" Flex="1" AutoScroll="true" ColumnLines="true" Width="500" Height="500"
            Padding="20">
            <BottomBar>
                <ext:PagingToolbar runat="server" ID="gridPager" StoreID="storePlans">
                </ext:PagingToolbar>
            </BottomBar>
            <ColumnModel>
                <Columns>
                    <ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" >
                    </ext:RowNumbererColumn>
                    <ext:Column ID="Column1" DataIndex="Column1" runat="server" Width="200" >
                    </ext:Column>
                    <ext:Column ID="Column2" DataIndex="Column2" runat="server" Width="300" Wrap="true">
                        <Editor>
                            <ext:TextField ID="TextField1" runat="server">
                            </ext:TextField>
                        </Editor>
                    </ext:Column>
                </Columns>
            </ColumnModel>
            <Plugins>
                <ext:CellEditing ID="CellEditing1" runat="server" ClicksToEdit="1">
                   
                </ext:CellEditing>
            </Plugins>
        </ext:GridPanel>
        </form>
    </body>
    </html>
    Last edited by Daniil; Jun 20, 2013 at 1:36 PM. Reason: [CLOSED]
  2. #2
    Hello!

    Couldn't reproduce. In my case the height of the column remains the same.

    Also, I would recommend to use Flex instead of Width for the column to remove horizontal scrolling:

    Click image for larger version. 

Name:	1.PNG 
Views:	20 
Size:	1.7 KB 
ID:	6383Click image for larger version. 

Name:	2.PNG 
Views:	18 
Size:	3.0 KB 
ID:	6384
  3. #3
    Quote Originally Posted by Baidaly View Post
    Hello!

    Couldn't reproduce. In my case the height of the column remains the same.

    Also, I would recommend to use Flex instead of Width for the column to remove horizontal scrolling:

    Click image for larger version. 

Name:	1.PNG 
Views:	20 
Size:	1.7 KB 
ID:	6383Click image for larger version. 

Name:	2.PNG 
Views:	18 
Size:	3.0 KB 
ID:	6384
    What browser are you using? I am using IE10.
  4. #4
    In IE10 I have the same result, the height doesn't change: Click image for larger version. 

Name:	1.PNG 
Views:	14 
Size:	2.9 KB 
ID:	6385

    Can you provide your screenshots?
  5. #5
    Hmm..let me try after latest from SVN.
  6. #6
    Hi @jchau,

    Were you able to try? Can we close the thread?
  7. #7
    Quote Originally Posted by Daniil View Post
    Hi @jchau,

    Were you able to try? Can we close the thread?
    Yes, this works fine with the latest DLL. Thanks!

Similar Threads

  1. CellEditing plugin requires TablePanel
    By yash.kapoor in forum 2.x Help
    Replies: 3
    Last Post: Apr 22, 2016, 1:04 PM
  2. [CLOSED] CellEditing Plugin tab key
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 14
    Last Post: Jun 05, 2013, 7:03 AM
  3. Replies: 1
    Last Post: Jan 18, 2013, 2:11 AM
  4. [CLOSED] CellEditing plugin
    By Kev in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Sep 13, 2012, 8:06 PM
  5. [CLOSED] Column Wrap property
    By RCM in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Aug 29, 2012, 5:04 PM

Posting Permissions