PDA

View Full Version : [CLOSED] Grid column Wrap property UI error with CellEditing plugin



jchau
Jun 14, 2013, 2:00 PM
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>

Baidaly
Jun 14, 2013, 11:35 PM
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:

63836384

jchau
Jun 15, 2013, 12:25 AM
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:

63836384

What browser are you using? I am using IE10.

Baidaly
Jun 15, 2013, 1:48 AM
In IE10 I have the same result, the height doesn't change: 6385

Can you provide your screenshots?

jchau
Jun 15, 2013, 1:54 PM
Hmm..let me try after latest from SVN.

Daniil
Jun 20, 2013, 11:08 AM
Hi @jchau,

Were you able to try? Can we close the thread?

jchau
Jun 20, 2013, 1:25 PM
Hi @jchau,

Were you able to try? Can we close the thread?

Yes, this works fine with the latest DLL. Thanks!