[CLOSED] Checkbox in component column issue

  1. #1

    [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

    <%@ 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 4:20 PM.
  2. #2
    Hello @jirihost!

    I am afraid your test case... works! When I click the button (or resize, or move) the window containing the grid panel, the check boxes are kept as they were; checked as they were, displayed as they were. You most likely have something else at play in your project that is affecting the display of the checkboxes... Custom CSS, or third party libraries, maybe?

    You could perhaps make a new, fresh project, or use the v5 Examples Explorer project to run your test case. No matter how "hard" I click around, I couldn't get the checkboxes to disappear.

    Maybe there's a missing element in your test case?

    Looking forward to your follow-up!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Ok strange

    The code is really taken as it is, just adding an image what I get after resizing ( manually or programatically)

    Click image for larger version. 

Name:	Capture.PNG 
Views:	2 
Size:	26.1 KB 
ID:	25557

    Could this be a problem?

    Ext.net.Version: '4.7.1'
    extjs: Version {version: '6.6.0.258

    (Right now I realized I pasted my examples - in fact all of them this week - to wrong forum, I apologize for that, maybe in this case that's why it works for you and not for me?)
  4. #4
    Hello @jirihost!

    As this issue is very likely specific to 4.x, I've moved your thread to the corresponding forums. It is okay to post issues in 5.x if you use 4.x still, but we recommend you to upgrade Ext.NET to 5.x as there should be a minimal set of adjustments needed between them.

    I don't remember we from Ext.NET fixing this specific issue, so my guess is this was reported and fixed in Sencha's Ext JS so it's a tough call, as we already have this fixed, should we really dig into? I will look a bit further to see if there's an easy override, but cannot make promises; there's too many possibilities.

    Unfortunately the way to go in this case, again, is to upgrade to latest 5.x. We are more than eager to help you with roadblocks you find in the upgrade process.

    Mind you, we are talking about 5.x, not 7.x. The effort to migrate a full blown 4.x application to 7.x will be much steeper (due to the .NET 5 technology changes imposed) than 5.x that's still on the same tech table of 4.x, arguably down to 1.x.

    We'll post a follow-up soon, and hope you understand!
    Fabrício Murta
    Developer & Support Expert
  5. #5
    ok thanks for info and feel free to close this thread
    (actually most of our apps are on 5.x already, I just spotted this one not, apologize again for wrong forum)
  6. #6
    Hello again, @jirihost!

    Glad you are okay with upgrading, if you have trouble doing so, don't hesitate to contact us!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Dynamic header column component direct event Issue
    By legaldiscovery in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 21, 2015, 10:56 PM
  2. Replies: 2
    Last Post: Aug 21, 2014, 8:55 AM
  3. [CLOSED] Component Column Issue on cancel button click
    By alscg in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 21, 2014, 6:16 AM
  4. [CLOSED] Component Column - Combobox change event issue in IE 8
    By PriceRightHTML5team in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 08, 2014, 3:49 PM
  5. Replies: 2
    Last Post: Jun 27, 2013, 10:18 PM

Posting Permissions