PDA

View Full Version : [CLOSED] Combobox resize in ComponentColumn Chrome



prost
Jan 27, 2013, 5:03 PM
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>





5485
IE8
5486
Chrome

Thanks, Best regards,Sander

Vladimir
Jan 27, 2013, 6:01 PM
Hi,

Thanks for the report, fixed in SVN

prost
Jan 27, 2013, 6:53 PM
Wow Vladimir, Y're fast!
Mark this as solved,
thx,
Sander

prost
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

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>

Vladimir
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)

prost
Jan 28, 2013, 2:58 PM
You are right, thx!
Sander