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

Page 1 of 2 12 LastLast
  1. #1

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

    On Ext.Js version 4.1.x, TreeColumn overflow works as expected, as shown below:
    http://docs.sencha.com/extjs/4.1.3/e.../treegrid.html

    But on version 4.2.x this functionality is missing
    http://docs.sencha.com/extjs/4.2.1/e...ray/#tree-grid


    <!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
    Attached Thumbnails Click image for larger version. 

Name:	overflow 001.jpg 
Views:	15 
Size:	20.7 KB 
ID:	6904  
    Last edited by Daniil; Dec 29, 2014 at 5:22 AM. Reason: [CLOSED]
  2. #2
    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
  3. #3
    Thank you Daniil
  4. #4
    Hi,

    Any update regarding the issue presented / mentioned above?

    Thanks in advance,
  5. #5
    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?
  6. #6
    No, unfortunately i don't. How about you?
  7. #7
    Please try this:
    .x-grid-cell-inner-treecolumn {
        font-size: 11px; 
    }
  8. #8
    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.
  9. #9
    I confirm that it has been fixed on version 3.x
  10. #10
    Daniil, if you agree, please mark this thread as closed.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Text overflow in column with ellipsis
    By tMp in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Aug 22, 2013, 12:45 PM
  2. [CLOSED] render treecolumn problem
    By hdsoso in forum 2.x Legacy Premium Help
    Replies: 18
    Last Post: Jul 17, 2013, 3:11 PM
  3. [CLOSED] Possible to overflow text in a column grid?
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Feb 12, 2013, 8:36 AM
  4. Ext.form.Label - text overflow
    By shaunhendrix in forum 1.x Help
    Replies: 3
    Last Post: May 23, 2011, 8:53 AM
  5. [CLOSED] Text missing while dragging MessageBox
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 27, 2009, 11:44 AM

Posting Permissions