Sep 15, 2021, 10:42 AM
[CLOSED] Checkbox in component column issue
Hello
I have a problem with component column and checkbox
Initialli it renders fine, hovewer when window is resize (i.e underlyng grid too), the checkbox disappears from component column
examle (just click to buttonin top right corner to reproduce the problem
I have a problem with component column and checkbox
Initialli it renders fine, hovewer when window is resize (i.e underlyng grid too), the checkbox disappears from component column
examle (just click to buttonin top right corner to reproduce the problem
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
this.Store1.DataSource = new object[]
{
new object[] { true, 1, "Text 1", DateTime.Now.Date },
new object[] {true , 2, "Text 2", DateTime.Now.Date },
new object[] { true, 3, "Text 3", DateTime.Now.Date },
new object[] { true, 4, "Text 4", DateTime.Now.Date },
new object[] { true, 5, "Text 5", DateTime.Now.Date },
new object[] { true, 6, "Text 6", DateTime.Now.Date },
new object[] { false, 7, "Text 7", DateTime.Now.Date },
new object[] { false, 8, "Text 8", DateTime.Now.Date },
new object[] { false, 9, "Text 9", DateTime.Now.Date }
};
this.Store1.DataBind();
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>ComponentColumn Editor - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" Namespace="" />
<ext:Button runat="server" OnClientClick="win.setWidth(800);" Text="Reproduce problem with Checkbox"></ext:Button>
<ext:Window runat="server" Modal="False" Resizable="true" Layout="fit" Width="600" id="win" IDMode="Static">
<Items>
<ext:GridPanel
runat="server"
Title="ComponentColumn Editor"
Width="650"
Height="325">
<Store>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="BoolField" Type="Boolean" />
<ext:ModelField Name="ComboField" Type="Int" />
<ext:ModelField Name="TextField" Type="String" />
<ext:ModelField Name="DateField" Type="Date" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:ComponentColumn
runat="server"
Editor="true"
DataIndex="BoolField"
Flex="1"
Text="BoolField">
<Component>
<ext:Checkbox runat="server" />
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn
runat="server"
Editor="true"
DataIndex="ComboField"
Flex="1"
Text="ComboBox">
<Component>
<ext:ComboBox runat="server">
<Items>
</Items>
</ext:ComboBox>
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn
runat="server"
Editor="true"
DataIndex="TextField"
Flex="1"
Text="Text">
<Component>
<ext:TextField runat="server" />
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn
runat="server"
Editor="true"
DataIndex="DateField"
Flex="1"
Text="Date">
<Component>
<ext:DateField runat="server" />
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
Last edited by fabricio.murta; Sep 22, 2021 at 5:20 PM.