Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 4
  • Filter
  • Time
Clear All
new posts
Previous 1 2 3 4 template Next
    #1

    GWT 2.5.1 to 2.6.0 causes grid columns not to align

    SmartClient Version: v9.1p_2014-03-20/PowerEdition Deployment (built 2014-03-20)
    GWT 2.6.0
    IE-11

    We just upgraded from GWT 2.5.1 to 2.6.0 remaining on the same version of SmartGWT above. First thing I'm seeing is when we have a TreeGrid the data appears ok and we have collapsed nodes. When we go to expand the nodes, all the data in the columns gets shifted over to the far left and do not align with the column headers at all. When we minimize the node, the data goes back under the columns properly.

    Is this a known issue or do you need a test case?
    Tags: None
    #2
    This isn't plausible as a result solely of a GWT upgrade. Most likely, you're using a new .html file and it doesn't have the HTML5 DOCTYPE set any more - this is required for IE9+ - see FAQ.

    Comment

      #3
      We only have 1 host html page, and I did change that to <!DOCTYPE html> like in the FAQ.

      We have a customized skin, so if you aren't aware of anything, it's probably our skin causing issues.

      This behavior was apparent the moment after we upgraded from GWT 2.5.1 to 2.6.0.

      Comment

        #4
        OK, let us know if you can show us a way to reproduce the issue.

        But again, GWT is not involved in rendering of the TreeGrid (unless you have added hacks where you manipulate the SmartGWT-rendered DOM through GWT..).

        So as far as figuring out what went wrong, we would recommend looking for something else that changed at the same time as you upgraded GWT.

        Comment

          #5
          Hmmm we aren't doing anything fancy like what you suggest.

          Would a GWT upgrade affect any skinning issues with SmartGWT? My guess would be no.

          Let me see if I can do a stand alone test case.

          Comment

            #6
            No.. except again by causing a different host .html file to be used, or because in the midst of the GWT upgrade you accidentally swapped in different CSS files, etc.

            Comment

              #7
              I'm trying to build a test case for this issue and I need some help, I've never manually build a Tree with manually created records:
              Code:
              public void testcase7() {
        VLayout vLayout = new VLayout();
        HLayout mainHLayout = new HLayout(0);
        mainHLayout.setBackgroundColor("#CCCCCC");
        mainHLayout.setOverflow(Overflow.HIDDEN);
        mainHLayout.setHeight100();
        mainHLayout.setWidth100();

        VLayout gridVLayout;
        gridVLayout = new VLayout(0);

        final TreeGrid treeGrid = new TreeGrid();
        final ListGridField field1= new ListGridField("name1", "Name 1", 200);
        final ListGridField field2 = new ListGridField("name2", "Name 2", 100);
        final ListGridField field3 = new ListGridField("name3", "Name 3", 100);
        final ListGridField field4 = new ListGridField("name4", "Name 4", 100);
        final ListGridField field5 = new ListGridField("name5", "Name 5", 100);
        final ListGridField field6 = new ListGridField("name6", "Name 6", 100);
        final ListGridField field7 = new ListGridField("name7", "Name 7", 100);
        final ListGridField field8 = new ListGridField("name8", "Name 8", 100);
        field1.setPrompt("name1");
        field2.setPrompt("name2");
        field3.setPrompt("name3");
        field4.setPrompt("name4");
        field5.setPrompt("name5");
        field6.setPrompt("name6");
        field7.setPrompt("name7");
        field8.setPrompt("name8");
        treeGrid.setFields(
                field1,
                field2,
                field3,
                field4,
                field5,
                field6,
                field7,
                field8
        );

        Tree newTree = new Tree();
        newTree.setRootValue(0);
        newTree.setModelType(TreeModelType.PARENT);
        newTree.setIdField("id");
        newTree.setParentIdField("pid");



        Map<String, Object> rec1 = new HashMap<String, Object>();
        rec1.put("id", Integer.parseInt("0"));
        rec1.put("pid", Integer.parseInt("0"));
        rec1.put("name1", "one");
        rec1.put("name2", "one");
        rec1.put("name3", "one");
        rec1.put("name4", "one");
        rec1.put("name5", "one");
        rec1.put("name6", "one");
        rec1.put("name7", "one");
        rec1.put("name8", "one");

        Map<String, Object> rec2 = new HashMap<String, Object>();
        rec2.put("id", Integer.parseInt("1"));
        rec2.put("pid", Integer.parseInt("0"));
        rec2.put("name1", "two");
        rec2.put("name2", "two");
        rec2.put("name3", "two");
        rec2.put("name4", "two");
        rec2.put("name5", "two");
        rec2.put("name6", "two");
        rec2.put("name7", "two");
        rec2.put("name8", "two");

        Record record1 = new Record(rec1);
        Record record2 = new Record(rec2);

        Record [] recordList = {record1, record2};
        TreeNode[] nodeList = new TreeNode[recordList.length];

        for(int m=0; m<recordList.length; m++){
            nodeList[m] = new TreeNode(recordList[m].getJsObj());
        }
        newTree.setData(nodeList);
        treeGrid.getData().destroy();
        treeGrid.setData(newTree);

        treeGrid.setNodeIcon(null);
        treeGrid.setFolderIcon(null);
        treeGrid.setSelectionType(SelectionStyle.MULTIPLE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setCanReorderFields(Boolean.FALSE);
        treeGrid.setCanPickFields(Boolean.FALSE);
        treeGrid.setCanResizeFields(Boolean.TRUE);
        treeGrid.setResizeFieldsInRealTime(Boolean.FALSE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setEmptyCellValue("---");
        treeGrid.setCanAutoFitFields(Boolean.FALSE);
        treeGrid.setHeight100();
        treeGrid.setWidth100();

        gridVLayout.addMember(treeGrid);
        gridVLayout.setMargin(0);
        gridVLayout.setPadding(0);
        gridVLayout.setBorder(null);
        gridVLayout.setBackgroundColor("#FFFFFF");

        gridVLayout.setHeight100();
        gridVLayout.setShowResizeBar(Boolean.TRUE);
        gridVLayout.setResizeBarTarget("next");

        gridVLayout.setWidth100();

        Canvas left = new Canvas();
        left.setBackgroundColor("green");
        left.setShowResizeBar(Boolean.TRUE);

        Canvas right = new Canvas();
        right.setBackgroundColor("green");

        mainHLayout.addMember(left);
        mainHLayout.addMember(gridVLayout);
        mainHLayout.addMember(right);

        vLayout.addMember(mainHLayout);

        window = new Window();
        window.setTitle("View: " + "Columns do not align TEST");
        window.setWidth("40%");
        window.setMinWidth(825);
        window.setHeight("40%");
        window.setMinHeight(300);
        window.setShowMaximizeButton(Boolean.TRUE);
        window.setShowCloseButton(Boolean.TRUE);
        window.setShowMinimizeButton(Boolean.TRUE);
        window.setAutoCenter(Boolean.TRUE);
        window.setCanDragResize(true);
        window.setShowStatusBar(Boolean.TRUE);
        window.addItem(vLayout);
        window.setOverflow(Overflow.HIDDEN);
        window.show();

        int count = treeGrid.getRecords().length;
        if(count == 0) {
            treeGrid.getData().openFolder(Tree.nodeForRecord(treeGrid.getRecords()[0]));
        }
    }
              this code generates this runtime error:
              Code:
              ERROR: Uncaught exception escaped
com.google.gwt.core.client.JavaScriptException: (TypeError) @com.google.gwt.core.client.impl.Impl::apply(Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)([JavaScript object(1443), JavaScript object(1440), JavaScript object(1499)]): Unable to get property 'getClassName' of undefined or null reference
	at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:249)
	at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136)
	at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:576)
	at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:284)
	at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91)
	at com.google.gwt.core.client.impl.Impl.apply(Impl.java)
	at com.google.gwt.core.client.impl.Impl.entry0(Impl.java:347)
	at sun.reflect.GeneratedMethodAccessor46.invoke(Unknown Source)
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
	at java.lang.reflect.Method.invoke(Method.java:606)
	at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
	at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
	at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172)
	at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:293)
	at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:547)
	at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:364)
	at java.lang.Thread.run(Thread.java:744)
              I suspect the faulty problem is this line inside the loop:
              Code:
              for(int m=0; m<recordList.length; m++){
            nodeList[m] = new TreeNode(recordList[m].getJsObj());
        }
              because I am manually creating records. What should I be doing?
              Last edited by JLivermore; 5 May 2014, 08:10.

              Comment

                #8
                I think I found how to create a TreeNode so I made some changes, but I still cannot get this example to run.
                Code:
                public void testcase7() {
        class RecordNode extends TreeNode {
            public RecordNode(Integer id, Integer pid, String name1, String name2, String name3, String name4, String name5, String name6, String name7, String name8) {

            }
            public void setId(Integer id) {
                setAttribute("id", id);
            }
            public void setPid(Integer pid) {
                setAttribute("pid", pid);
            }
            public void setName1(String name1) {
                setAttribute("name1", name1);
            }
            public void setName2(String name2) {
                setAttribute("name2", name2);
            }
            public void setName3(String name3) {
                setAttribute("name3", name3);
            }
            public void setName4(String name4) {
                setAttribute("name4", name4);
            }
            public void setName5(String name5) {
                setAttribute("name5", name5);
            }
            public void setName6(String name6) {
                setAttribute("name6", name6);
            }
            public void setName7(String name7) {
                setAttribute("name7", name7);
            }
            public void setName8(String name8) {
                setAttribute("name8", name8);
            }
        }


        VLayout vLayout = new VLayout();
        HLayout mainHLayout = new HLayout(0);
        mainHLayout.setBackgroundColor("#CCCCCC");
        mainHLayout.setOverflow(Overflow.HIDDEN);
        mainHLayout.setHeight100();
        mainHLayout.setWidth100();

        VLayout gridVLayout;
        gridVLayout = new VLayout(0);

        final TreeGrid treeGrid = new TreeGrid();
        final ListGridField field1= new ListGridField("name1", "Name 1", 200);
        final ListGridField field2 = new ListGridField("name2", "Name 2", 100);
        final ListGridField field3 = new ListGridField("name3", "Name 3", 100);
        final ListGridField field4 = new ListGridField("name4", "Name 4", 100);
        final ListGridField field5 = new ListGridField("name5", "Name 5", 100);
        final ListGridField field6 = new ListGridField("name6", "Name 6", 100);
        final ListGridField field7 = new ListGridField("name7", "Name 7", 100);
        final ListGridField field8 = new ListGridField("name8", "Name 8", 100);
        field1.setPrompt("name1");
        field2.setPrompt("name2");
        field3.setPrompt("name3");
        field4.setPrompt("name4");
        field5.setPrompt("name5");
        field6.setPrompt("name6");
        field7.setPrompt("name7");
        field8.setPrompt("name8");
        treeGrid.setFields(
                field1,
                field2,
                field3,
                field4,
                field5,
                field6,
                field7,
                field8
        );

        Tree newTree = new Tree();
        newTree.setRootValue(0);
        newTree.setModelType(TreeModelType.PARENT);
        newTree.setIdField("id");
        newTree.setParentIdField("pid");

        RecordNode rn1 = new RecordNode(0, 0, "one", "one", "one", "one", "one", "one", "one", "one");
        RecordNode rn2 = new RecordNode(1, 0, "two", "two", "two", "two", "two", "two", "two", "two");
        RecordNode rn3 = new RecordNode(3, 0, "three", "three", "three", "three", "three", "three", "three", "three");

        TreeNode[] nodeList = new TreeNode[]{rn1, rn2, rn3};

        newTree.setData(nodeList);
        treeGrid.getData().destroy();
        treeGrid.setData(newTree);

        treeGrid.setNodeIcon(null);
        treeGrid.setFolderIcon(null);
        treeGrid.setSelectionType(SelectionStyle.MULTIPLE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setCanReorderFields(Boolean.FALSE);
        treeGrid.setCanPickFields(Boolean.FALSE);
        treeGrid.setCanResizeFields(Boolean.TRUE);
        treeGrid.setResizeFieldsInRealTime(Boolean.FALSE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setEmptyCellValue("---");
        treeGrid.setCanAutoFitFields(Boolean.FALSE);
        treeGrid.setHeight100();
        treeGrid.setWidth100();

        gridVLayout.addMember(treeGrid);
        gridVLayout.setMargin(0);
        gridVLayout.setPadding(0);
        gridVLayout.setBorder(null);
        gridVLayout.setBackgroundColor("#FFFFFF");

        gridVLayout.setHeight100();
        gridVLayout.setShowResizeBar(Boolean.TRUE);
        gridVLayout.setResizeBarTarget("next");

        gridVLayout.setWidth100();

        Canvas left = new Canvas();
        left.setBackgroundColor("green");
        left.setShowResizeBar(Boolean.TRUE);

        Canvas right = new Canvas();
        right.setBackgroundColor("green");

        mainHLayout.addMember(left);
        mainHLayout.addMember(gridVLayout);
        mainHLayout.addMember(right);

        vLayout.addMember(mainHLayout);

        window = new Window();
        window.setTitle("View: " + "Columns do not align TEST");
        window.setWidth("40%");
        window.setMinWidth(825);
        window.setHeight("40%");
        window.setMinHeight(300);
        window.setShowMaximizeButton(Boolean.TRUE);
        window.setShowCloseButton(Boolean.TRUE);
        window.setShowMinimizeButton(Boolean.TRUE);
        window.setAutoCenter(Boolean.TRUE);
        window.setCanDragResize(true);
        window.setShowStatusBar(Boolean.TRUE);
        window.addItem(vLayout);
        window.setOverflow(Overflow.HIDDEN);
        window.show();
    }
                I'm still seeing this error in the dev console:
                Code:
                ERROR: Uncaught exception escaped
com.google.gwt.core.client.JavaScriptException: (TypeError) @com.google.gwt.core.client.impl.Impl::apply(Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)([JavaScript object(1283), JavaScript object(1280), JavaScript object(1342)]): Unable to get property 'getClassName' of undefined or null reference
	at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:249)
	at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136)
	at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:576)
	at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:284)
	at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91)
	at com.google.gwt.core.client.impl.Impl.apply(Impl.java)
	at com.google.gwt.core.client.impl.Impl.entry0(Impl.java:347)
	at sun.reflect.GeneratedMethodAccessor84.invoke(Unknown Source)
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
	at java.lang.reflect.Method.invoke(Method.java:606)
	at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
	at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
	at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172)
	at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:293)
	at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:547)
	at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:364)
	at java.lang.Thread.run(Thread.java:744)
                What seems to be the issue in the new test case above?

                Comment

                  #9
                  The simplest thing is to copy the code from any of several Tree samples, which are of course already standalone..

                  Regardless, we'll see if we can reproduce this error, but at a glance it looks like some sort of corruption in your project.

                  Comment

                    #10
                    You should also get rid of your call to getData().destroy(), which doesn't make sense.

                    Finally, any time you have a JS error, usually the best information is available in compiled mode from the Developer Console (see FAQ).

                    Comment

                      #11
                      I would like to know what I am doing wrong in the above sample so I will know next time?

                      Comment

                        #12
                        As we said, your call to getData().destroy() makes no sense.

                        As far as there being another crash, as we said, we'll see if we can reproduce it, but there may no other issue in your code, other than some kind of corruption in your project causing random issues.

                        Comment

                          #13
                          OK....the dev console doesn't give any more info. But, when I comment out treeGrid.getData().destroy(); the window comes up with no error. I just need to get the data to display in the grid now.

                          Comment

                            #14
                            OK...I'm a little stumped. I was following an online showroom example for a tree: http://www.smartclient.com/smartgwt/showcase/#tree_interaction_sl_folders

                            And I can't seem to get my grid to show the data in tree format:

                            Code:
                            public void testcase7() {
        class RecordNode extends TreeNode {
            public RecordNode(boolean isOpen, Integer id, Integer pid, String name1, String name2, String name3, String name4, String name5, String name6, String name7, String name8) {
                super();
                this.setID("id");
                this.setParentID("pid");
                this.setName("name1");
                this.setAttribute("isOpen", isOpen);
                this.setName1(name1);
                this.setName2(name2);
                this.setName3(name3);
                this.setName4(name4);
                this.setName5(name5);
                this.setName6(name6);
                this.setName7(name7);
                this.setName8(name8);
            }
            public void setId(Integer id) {
                setAttribute("id", id);
            }
            public void setPid(Integer pid) {
                setAttribute("pid", pid);
            }
            public void setName1(String name1) {
                setAttribute("name1", name1);
            }
            public void setName2(String name2) {
                setAttribute("name2", name2);
            }
            public void setName3(String name3) {
                setAttribute("name3", name3);
            }
            public void setName4(String name4) {
                setAttribute("name4", name4);
            }
            public void setName5(String name5) {
                setAttribute("name5", name5);
            }
            public void setName6(String name6) {
                setAttribute("name6", name6);
            }
            public void setName7(String name7) {
                setAttribute("name7", name7);
            }
            public void setName8(String name8) {
                setAttribute("name8", name8);
            }
        }


        VLayout vLayout = new VLayout();
        HLayout mainHLayout = new HLayout(0);
        mainHLayout.setBackgroundColor("#CCCCCC");
        mainHLayout.setOverflow(Overflow.HIDDEN);
        mainHLayout.setHeight100();
        mainHLayout.setWidth100();

        VLayout gridVLayout;
        gridVLayout = new VLayout(0);

        final TreeGrid treeGrid = new TreeGrid();
        final ListGridField field1= new ListGridField("name1", "Name 1", 200);
        final ListGridField field2 = new ListGridField("name2", "Name 2", 100);
        final ListGridField field3 = new ListGridField("name3", "Name 3", 100);
        final ListGridField field4 = new ListGridField("name4", "Name 4", 100);
        final ListGridField field5 = new ListGridField("name5", "Name 5", 100);
        final ListGridField field6 = new ListGridField("name6", "Name 6", 100);
        final ListGridField field7 = new ListGridField("name7", "Name 7", 100);
        final ListGridField field8 = new ListGridField("name8", "Name 8", 100);
        ListGridField [] fields = {field1, field2, field3, field4, field5, field6, field7, field8};
        int x = 0;
        for(ListGridField field : fields) {
            x++;
            field.setPrompt("name" + x);
            field.setType(ListGridFieldType.TEXT);
        }

        Tree newTree = new Tree();
        newTree.setRootValue(0);
        newTree.setModelType(TreeModelType.PARENT);
        newTree.setNameProperty("name1");
        newTree.setIdField("id");
        newTree.setParentIdField("pid");
        newTree.setOpenProperty("isOpen");

        TreeNode[] nodeList = new TreeNode[]{
                new RecordNode(true, 0, null, "one", "one", "one", "one", "one", "one", "one", "one"),
                new RecordNode(false, 1, 0, "two", "two", "two", "two", "two", "two", "two", "two"),
                new RecordNode(false, 2, 0, "three", "three", "three", "three", "three", "three", "three", "three")
        };

        newTree.setData(nodeList);

        treeGrid.setNodeIcon(null);
        treeGrid.setFolderIcon(null);
        treeGrid.setSelectionType(SelectionStyle.MULTIPLE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setCanReorderFields(Boolean.FALSE);
        treeGrid.setCanPickFields(Boolean.FALSE);
        treeGrid.setCanResizeFields(Boolean.TRUE);
        treeGrid.setResizeFieldsInRealTime(Boolean.FALSE);
        treeGrid.setAlternateRecordStyles(Boolean.TRUE);
        treeGrid.setEmptyCellValue("---");
        treeGrid.setCanAutoFitFields(Boolean.FALSE);
        treeGrid.setHeight100();
        treeGrid.setWidth100();
        treeGrid.setShowOpenIcons(Boolean.FALSE);

        treeGrid.setData(newTree);
        treeGrid.setFields(fields);

        gridVLayout.addMember(treeGrid);
        gridVLayout.setMargin(0);
        gridVLayout.setPadding(0);
        gridVLayout.setBorder(null);
        gridVLayout.setBackgroundColor("#FFFFFF");

        gridVLayout.setHeight100();
        gridVLayout.setShowResizeBar(Boolean.TRUE);
        gridVLayout.setResizeBarTarget("next");

        gridVLayout.setWidth100();

        Canvas left = new Canvas();
        left.setBackgroundColor("green");
        left.setShowResizeBar(Boolean.TRUE);

        Canvas right = new Canvas();
        right.setBackgroundColor("green");

        mainHLayout.addMember(left);
        mainHLayout.addMember(gridVLayout);
        mainHLayout.addMember(right);

        vLayout.addMember(mainHLayout);

        window = new Window();
        window.setTitle("View: " + "Columns do not align TEST");
        window.setWidth("40%");
        window.setMinWidth(825);
        window.setHeight("40%");
        window.setMinHeight(300);
        window.setShowMaximizeButton(Boolean.TRUE);
        window.setShowCloseButton(Boolean.TRUE);
        window.setShowMinimizeButton(Boolean.TRUE);
        window.setAutoCenter(Boolean.TRUE);
        window.setCanDragResize(true);
        window.setShowStatusBar(Boolean.TRUE);
        window.addItem(vLayout);
        window.setOverflow(Overflow.HIDDEN);
        window.show();
    }
                            If you could point out what I'm doing wrong, I would really appreciate it. I would like to know? Thanks.

                            Comment

                              #15
                              this.setID("id");
                              this.setParentID("pid");
                              Get rid of the quotes here.

                              Comment

                              Previous 1 2 3 4 template Next
                              Working...
                              X