What's New?

[CLOSED] Combobox resize in ComponentColumn Chrome

  1. #1
    Jan 27, 2013, 5:03 PM

    [CLOSED] Combobox resize in ComponentColumn Chrome

    Hi, When I use a combobox component in the ComponentColumn, the trigger button is not visible in the cell when using Chrome. It seems the combobox does not resize to the width of the cell. In IE8 it is working fine.I use Ext.NET 2.1.0.28590

    <%@ Page Language="C#" EnableViewState="true" %>

<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Collections" %>
<%@ 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">


<script runat="server">
    
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack && !X.IsAjaxRequest)
        {
            CodeComboBox.Items.Add(new Ext.Net.ListItem("1", "1"));
            CodeComboBox.Items.Add(new Ext.Net.ListItem("2", "2"));


            RowStore.DataSource = new object[] { new { ObjectId = "1", Code = "1", Name = "Product 1" } };
            RowStore.DataBind();
        }
    }


</script>


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Editor test</title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <form id="Form1" runat="server">
        <ext:GridPanel ID="OfferRowGrid" runat="server" 
            Height="200">
            <Store>
                <ext:Store ID="RowStore" runat="server" RemoteSort="true">
                    <Model>
                        <ext:Model ID="OfferRowModel" Name="OfferRow" runat="server" IDProperty="ObjectId">
                            <Fields>
                                <ext:ModelField Name="ObjectId" />
                                <ext:ModelField Name="Code" />
                                <ext:ModelField Name="Name" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:ComponentColumn ID="ProductCodeColumn" runat="server" 
                        Text="Code" 
                        Width="80" 
                        DataIndex="Code" 
                        Editor="true">
                        <Component>
                            <ext:ComboBox ID="CodeComboBox" runat="server" SelectOnFocus="true" ForceSelection="true" AllowBlank="false">
                                <ListConfig MinWidth="140" />
                            </ext:ComboBox>
                        </Component>
                    </ext:ComponentColumn>
                    <ext:ComponentColumn ID="NameColumn" runat="server"  
                        Text="Name" 
                        Width="100" 
                        DataIndex="Name" 
                        MenuDisabled="true" 
                        Flex="1" 
                        Editor="true">
                        <Component>
                            <ext:TextField IDMode="Ignore" runat="server" SelectOnFocus="true">
                            </ext:TextField>
                        </Component>
                    </ext:ComponentColumn>
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>


    Click image for larger version.  Name: IE8.png  Views: 104  Size: 9.1 KB  ID: 5485
    IE8
    Click image for larger version.  Name: chrome.png  Views: 106  Size: 7.9 KB  ID: 5486
    Chrome

    Thanks, Best regards,Sander
    Last edited by Daniil; Jan 29, 2013 at 4:22 AM. Reason: [CLOSED]
  2. #2
    Jan 27, 2013, 6:01 PM
    Hi,

    Thanks for the report, fixed in SVN
  3. #3
    Jan 27, 2013, 6:53 PM
    Wow Vladimir, Y're fast!
    Mark this as solved,
    thx,
    Sander
  4. #4
    Jan 28, 2013, 1:45 PM
    Hi Vladimir,
    Maybe it was too fast.... ;-)
    When I have hidden columns, the horizontal scrolling is not working as it should.
    Regards,
    Sander

    Click image for larger version.  Name: horizontalScroll.png  Views: 90  Size: 18.5 KB  ID: 5488

    <%@ Page Language="C#" EnableViewState="true" %>


<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Collections" %>
<%@ 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">


<script runat="server">
    
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack && !X.IsAjaxRequest)
        {
            CodeComboBox.Items.Add(new Ext.Net.ListItem("1", "1"));
            CodeComboBox.Items.Add(new Ext.Net.ListItem("2", "2"));


            RowStore.DataSource = new object[] { new { ObjectId = "1", Code = "1", Name = "Product 1", A = 1.22M } };
            RowStore.DataBind();
        }
    }


</script>


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Editor test</title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <form id="Form1" runat="server">
        <ext:Viewport ID="MainViewPort" runat="server"
            Layout="FitLayout">
            <Items>
                <ext:GridPanel ID="OfferRowGrid" runat="server"
                    Height="200">
                    <Store>
                        <ext:Store ID="RowStore" runat="server" RemoteSort="true">
                            <Model>
                                <ext:Model ID="OfferRowModel" Name="OfferRow" runat="server" IDProperty="ObjectId">
                                    <Fields>
                                        <ext:ModelField Name="ObjectId" />
                                        <ext:ModelField Name="Code" />
                                        <ext:ModelField Name="Name" />
                                        <ext:ModelField Name="A" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                        </ext:Store>
                    </Store>
                    <ColumnModel ID="ColumnModel1" runat="server">
                        <Columns>
                            <ext:ComponentColumn ID="ProductCodeColumn" runat="server"
                                Text="Code"
                                Width="80"
                                DataIndex="Code"
                                Editor="true">
                                <Component>
                                    <ext:ComboBox ID="CodeComboBox" runat="server" SelectOnFocus="true" ForceSelection="true" AllowBlank="false">
                                        <ListConfig MinWidth="140" />
                                    </ext:ComboBox>
                                </Component>
                            </ext:ComponentColumn>
                            <ext:ComponentColumn ID="NameColumn" runat="server"
                                Text="Name"
                                Width="100"
                                DataIndex="Name"
                                MenuDisabled="true"
                                Flex="1"
                                Editor="true">
                                <Component>
                                    <ext:TextField IDMode="Ignore" runat="server" SelectOnFocus="true">
                                    </ext:TextField>
                                </Component>
                            </ext:ComponentColumn>
                            <ext:ComponentColumn ID="HiddenColumn" runat="server"
                                Text="Hidden column"
                                Width="100"
                                Hidden="true"
                                DataIndex="A"
                                Editor="true">
                                <Component>
                                    <ext:NumberField IDMode="Ignore" runat="server" SelectOnFocus="true" />
                                </Component>
                            </ext:ComponentColumn>
                        </Columns>
                    </ColumnModel>
                </ext:GridPanel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>
  5. #5
    Jan 28, 2013, 2:41 PM
    I see compatibility mode is activated on the screenshot
    Please deactivate it and retest, please note that any compatibility mode is not supported by Ext.Net (and ExtJS)
  6. #6
    Jan 28, 2013, 2:58 PM
    You are right, thx!
    Sander

Similar Threads

  1. [CLOSED] ComponentColumn
    By canbay in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 26, 2012, 7:56 PM
  2. [CLOSED] ComponentColumn
    By canbay in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 10, 2012, 5:26 PM
  3. [CLOSED] Portal Resize Ajax Event fires on page load... not just on the resize
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 22, 2009, 2:58 PM
  4. Google Chrome ComboBox Render
    By davidhoyt in forum Bugs
    Replies: 3
    Last Post: Dec 18, 2008, 9:48 PM

Tags for this Thread

Posting Permissions