Aug 24, 2015, 5:22 PM
[CLOSED] TextArea control in Editable GridPanel is overlapping with the next Row
HI All
Issue : TExtArea control in Editable GridPanel is overlapping withe the next Row , is there any way to fix the issue.
When we clicked on remarks column in editable gridpanel then textarea control is not fitting the row, its showing slightly in next row
Please see the screenshot for more details
Issue : TExtArea control in Editable GridPanel is overlapping withe the next Row , is there any way to fix the issue.
When we clicked on remarks column in editable gridpanel then textarea control is not fitting the row, its showing slightly in next row
Please see the screenshot for more details
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" EnableEventValidation="false" %>
<%@ Import Namespace="System.Xml" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="Ext.Net" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
DataTable dt = CustomColumns();
storeEditMetrics.DataSource = dt;
storeEditMetrics.DataBind();
}
}
internal static DataTable CustomColumns()
{
System.Data.DataTable table1 = new System.Data.DataTable();
table1.Columns.Add("Header1", typeof(string));
table1.Columns.Add("Header2", typeof(string));
table1.Columns.Add("Header3", typeof(string));
table1.Columns.Add("Header4", typeof(string));
table1.Columns.Add("Remarks", typeof(string));
for (int i = 0; i < 8; i++)
{
DataRow dr = table1.NewRow();
dr["Header1"] = "Header1 " + i.ToString();
dr["Header2"] = "ks ";
dr["Header3"] = i.ToString();
dr["Header4"] = i.ToString();
dr["Remarks"] = "1) ss 2) sss 3) sss 4) sss 5) sss 6) ssss 7) ss 8) sss 9) sss 10) sss 11) sss 12) ssss";
table1.Rows.Add(dr);
}
return table1;
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Submit MultiSelect Values - Ext.NET Examples</title>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Namespace="" />
<ext:GridPanel ID="grdPnlEditMetrics" runat="server" EnableColumnHide="false" EnableColumnMove="false" ButtonAlign="Center"
Border="true" DisabledCls="DisabledPanelCss" Height="300" Width="820" AutoScroll="true" EnableColumnResize="false" Namespace="app"
EmptyText="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>" ValidateRequestMode="Disabled">
<Store>
<ext:Store ID="storeEditMetrics" runat="server">
<Model>
<ext:Model ID="Model3" runat="server">
<Fields>
<ext:ModelField Name="Header1" Type="Auto" />
<ext:ModelField Name="Header2" Type="Auto" />
<ext:ModelField Name="Header3" Type="Auto" />
<ext:ModelField Name="Header4" Type="Auto" />
<ext:ModelField Name="Remarks" Type="Auto" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<View>
<ext:GridView ID="grdViewMetrics" runat="server" TrackOver="false" StripeRows="false" MarkDirty="false" />
</View>
<Plugins>
<ext:CellEditing ID="rEditorEditMetrics" runat="server" ClicksToMoveEditor="1">
</ext:CellEditing>
</Plugins>
<ColumnModel>
<Columns>
<ext:Column runat="server" ID="Header1" Text="Metric Name" DataIndex="Header1" Width="200"
Sortable="false" Resizable="false" Height="22">
</ext:Column>
<ext:Column runat="server" ID="grdPnlEditMetrics_Header2" Text="Unit" DataIndex="Header2" Width="70" Sortable="false"
Resizable="false">
</ext:Column>
<ext:Column runat="server" ID="nbrHeader4Id" Text="Header4" DataIndex="Header4" Width="100" Sortable="false"
Align="Right" Resizable="false" ValidateRequestMode="Disabled">
<Editor>
<ext:NumberField ID="nbrHeader4" HideTrigger="true" SpinDownEnabled="false" SpinUpEnabled="false" AutoFitErrors="false"
runat="server" MaxLength="9" DecimalPrecision="1" AllowBlank="true" ValidateBlank="false"
CheckChangeEvents="true">
</ext:NumberField>
</Editor>
</ext:Column>
<ext:NumberColumn runat="server" ID="nbrHeader3Id" Text="Header3" DataIndex="Header3" Format="00.0" Width="100" Sortable="false"
Align="Right" Resizable="false">
<Editor>
<ext:NumberField ID="nbrHeader3" HideTrigger="true" SpinDownEnabled="false" SpinUpEnabled="false"
runat="server" MaxLength="9" DecimalPrecision="1" AllowBlank="true" ValidateBlank="false">
</ext:NumberField>
</Editor>
</ext:NumberColumn>
<ext:Column runat="server" ID="Remarks" Text="Remarks" DataIndex="Remarks" Width="300" Sortable="false"
Resizable="false" ValidateRequestMode="Disabled">
<Editor>
<ext:TextArea ID="TxtTierDetailsComments" runat="server" MaxLength="500" Grow="true" GrowMin="63"
GrowMax="150" MaskRe="[^<>]" StyleSpec="position:absolute;">
</ext:TextArea>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>
Last edited by Daniil; Sep 01, 2015 at 10:54 PM.
Reason: [CLOSED]