PDA

View Full Version : [CLOSED] [#346] TreeColumn text overflow is missing on Ext.Js 4.2.x



RCN
Sep 16, 2013, 8:15 PM
On Ext.Js version 4.1.x, TreeColumn overflow works as expected, as shown below:
http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/tree/treegrid.html

But on version 4.2.x this functionality is missing
http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-gray/#tree-grid

http://forums.ext.net/attachment.php?attachmentid=6904&stc=1


<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:TreePanel RootVisible="false" Title="Ext.Net" Height="700" Width="200" Border="false" runat="server">
<Store>
<ext:TreeStore runat="server">
<Proxy>
<ext:AjaxProxy Url="/Example/LoadTreeFakeChildren">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader Root="data" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="Task" />
<ext:ModelField Name="Name" />
</Fields>
</ext:Model>
</Model>
</ext:TreeStore>
</Store>
<Root>
<ext:Node NodeID="0" Text="Root" />
</Root>
<ColumnModel>
<Columns>
<ext:TreeColumn Width="100" Text="Task" Lockable="true" DataIndex="Task" Flex="2"
runat="server" />
<ext:Column Text="Name" Width="100" Lockable="true" DataIndex="Name" runat="server" />
</Columns>
</ColumnModel>
<View>
<ext:TreeView DeferEmptyText="false" />
</View>
</ext:TreePanel>
</body>
</html>




namespace SandBox.Controllers
{
public class ExampleController : System.Web.Mvc.Controller
{
public ActionResult Index()
{
return View();
}

public StoreResult LoadTreeFakeChildren()
{
NodeCollection nodes = new NodeCollection(false);

for (int index = 1; index < 6; index++)
{
Node no = new Node();
no.NodeID = index.ToString() + DateTime.Now.Second;
no.CustomAttributes.Add(new ConfigItem { Name = "Task", Value = Guid.NewGuid().ToString(), Mode = ParameterMode.Value });
no.CustomAttributes.Add(new ConfigItem { Name = "Name", Value = Guid.NewGuid().ToString(), Mode = ParameterMode.Value });
nodes.Add(no);
}

return new StoreResult { Data = nodes.ToJson() };
}
}
}


Thanks in advance

Daniil
Sep 17, 2013, 4:44 AM
Hi Raphael,

Thank you for the report.

I found an open bug for that on Sencha forum:
http://www.sencha.com/forum/showthread.php?269637

Created an Issue to track the defect.
https://github.com/extnet/Ext.NET/issues/346

RCN
Sep 17, 2013, 2:12 PM
Thank you Daniil

RCN
Jul 01, 2014, 8:38 PM
Hi,

Any update regarding the issue presented / mentioned above?

Thanks in advance,

Daniil
Jul 02, 2014, 6:20 PM
It is fixed in ExtJS 4.2.2. It is a private release. Probably, we will get a fix with ExtJS 5 in Ext.NET v3 only.

Do you have any workaround for now?

RCN
Jul 02, 2014, 7:19 PM
No, unfortunately i don't. How about you?

Daniil
Jul 03, 2014, 8:08 AM
Please try this:

.x-grid-cell-inner-treecolumn {
font-size: 11px;
}

RCN
Jul 03, 2014, 2:15 PM
Thank you Daniil. I will apply the workaround provided by you, which worked like a charm. Please keep me posted about any updated regarding this issue.

RCN
Dec 27, 2014, 1:12 AM
I confirm that it has been fixed on version 3.x

RCN
Dec 27, 2014, 1:12 AM
Daniil, if you agree, please mark this thread as closed.

Daniil
Dec 29, 2014, 5:22 AM
Excellent! Thank you for the confirmation. Closing.

RCN
Dec 29, 2014, 5:39 AM
Thank you Daniil.