Check Tree not displaying data

Hi Guys

I am using Ext JS 4.2 and I am trying to make a check tree.

The problem that I am having is that no data is being displayed in my tree:

check tree empty.png

So far I got the following code:

The data:

Code:

var treeSelectedData = {
          "wurzel": {
              "text": 'New Top Node',
                "checked": "null",
                "expanded": "true",
            "children": [
              {
                "name": "Inbox",
                "id": "Inbox",
                "children": [
                  {
                    "id": "OfficeInbox",
                    "name": "RetailInbox",
                    "checked": "true"
                  },
                  {
                    "id": "bw",
                    "name": "BusinessWarehouse",
                    "checked": "false"
                  },
                  {
                    "id": "OphNew",
                    "name": "AppliedOpeningHours",
                    "checked": "false"
                  },
                  {
                    "id": "Intranet",
                    "name": "Intranet",
                    "checked": "false"
                  }
                ]
              },
              {
                "name": "Outbox",
                "id": "Outbox",
                "children": [
                  {
                    "id": "retailOutbox",
                    "name": "retailOutbox",
                    "checked": "false"
                  },
                  {
                    "id": "ophApproved",
                    "name": "ophApproved",
                    "checked": "false"
                  },
                  {
                    "id": "ophRejected",
                    "name": "ophRejected",
                    "checked": "false"
                  }
                ]
              },
              {
                "name": "Test",
                "id": "Test",
                "children": [
                  {
                    "id": "Hr",
                    "name": "Hr",
                    "checked": "false"
                  },
                  {
                    "id": "WorkReports",
                    "name": "WorkReports",
                    "checked": "false"
                  }
                ]
              }
            ]
          }
        };

The model and store:

Code:

Ext.define('com.ibm.issc.publisher.model.TreeSelectModel', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name']
});


Ext.define('com.ibm.issc.publisher.store.TreeSelectStore', {
    extend : 'Ext.data.TreeStore',
    model: 'com.ibm.issc.publisher.model.TreeSelectModel',
    autoLoad : true
});


var treeSelectStore = Ext.create('com.ibm.issc.publisher.store.TreeSelectStore',{
    data : treeSelectedData,
       proxy: {
            type: 'memory',
            reader : {
                type : 'json',
                root : 'children'
            },
            /*writer : {
                type : 'json'
            }*/
       },
       sorters: [ {
        property: 'name',
        direction: 'ASC'
    }]
});

The tree panel:

Code:

Ext.define('com.ibm.issc.publisher.admin.CheckTree', {
    extend: 'Ext.tree.Panel',
    xtype: 'check-tree',
    
    id: 'checkTree',
    rootVisible: true,
    useArrows: true,
    frame: true,
    title: 'Check Tree',
    width: 500,
    height: 500,
    store:     treeSelectStore
});

I am guessing that my data is somehow wrong or that, I should set the root differently.

I have tried a couple of things but nothing seems to work so far, does anybody have any idea what I might be missing or what I am doing wrong?

Thanks a lot!

Thorsten

Check Tree not displaying data

Sencha Touch 2.3.1 in Iphone. The Status Bar hides my application

I'm developing an iPhone application with Sencha Touch, and sometimes I need to take a call and use the application at the same time.

When I have a call in progress, my iPhone shows me on the top of the screen a green bar indicating the call status. In this case, the green bar appears above my application and hides the navigation options that I developed. So, I can not navigate inside the app.

I think that the application has to detect if the "status bar" appears and resizes the viewport based on that.

How can I detect if the "status bar" appears?

This is my viewport configuration:

addMeta('viewport', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'); addMeta('apple-mobile-web-app-capable', 'yes'); addMeta('apple-touch-fullscreen', 'yes'); Any ideas?

Sencha Touch 2.3.1 in Iphone. The Status Bar hides my application

Speed up Architect

Architect now has a lot going on behind the scenes and sometimes with slower computers or large projects this can start to bog it down. Speed is always the killer feature in most tools. If you perceive a lack of performance with your setup try these simple tips.

Turn off JSHint

http://ift.tt/1zELh1U

Architect will no longer scan your classes to aid in finding javascript errors but it might make editing a bit faster on an older machine or stingy VM.

Turn off built in webserver

http://ift.tt/ZYqh5z

If you're not using the built in webserver because you have your own then this is hogging memory that can be better utilized.

Speed up Architect

Sync Lifetime instances with ViewController

Hi,

I want to delegate some responsibilities of a ViewController with other specialized classes, but I don't know how to synchronize their lifetime with the ViewController's (create and destroy its instances in order to avoiding memory leaks).

Someone have already did this?

Thanks

Sync Lifetime instances with ViewController

not able select month or year in datefield

Hi..

I am using Extjs 4.2.3 version in my application.

In this am using datefield.

In this datefield am not able select the month, year.

I am attaching the iamge here.

In that if i select the month or year it disappearing and not able to select the month, year in the datefield.

Here is my code for datefield..

{

xtype: 'datefield',

fieldLabel: 'Title1',

labelAlign:'right',

name: 'title',

columnWidth:.3

}

Help me in this....

Thanks

Kamalakar Reddy

not able select month or year in datefield

Acris and GXT 3.1.1 not Working?

Hello,

Is Acris working with GXT 3.1.1?

I have a class:

Code:

public class RuntimeForm extends Composite {
    interface DynamicallyFormUiBinder extends DynamicUiBinder<Widget, RuntimeForm> {}

    private static DynamicallyFormUiBinder uiBinder = GWT.create(DynamicallyFormUiBinder.class);
    
    interface RuntimeFormUiBinder extends UiBinder<Widget, RuntimeForm> {
    }
    
    public RuntimeForm() {
        uiBinder.setViewTemplate("<ui:UiBinder xmlns:ui=\"urn:ui:com.google.gwt.uibinder\" xmlns:gxt=\"urn:import:com.sencha.gxt.widget.core.client\" xmlns:button=\"urn:import:com.sencha.gxt.widget.core.client.button\">  <gxt:FramedPanel collapsible=\"true\" headingText=\"Example\"  pixelSize=\"100, 80\"> <button:TextButton  ui:field=\"exampleButton\" text=\"Click Me\" />  </gxt:FramedPanel> </ui:UiBinder>");
        initWidget(uiBinder.createAndBindUi(this));
    }

Code:

public class MainEntryPoint implements EntryPoint {

    /**
     * Creates a new instance of MainEntryPoint
     */
    public MainEntryPoint() {
    }

    /**
     * The entry point method, called automatically by loading a module that
     * declares an implementing class as an entry-point
     */
    public void onModuleLoad() {
     RootPanel.get().add(new RuntimeForm());
    }

When you start ... I have a blank page with no errors. Why?

Acris and GXT 3.1.1 not Working?

Problem with Tree

[unable to retrieve full-text content]Hello, I setup a TreePanel and it works fine so far, except one thing: I can't close nodes I open before... Somebody already had the same...



Problem with Tree