Skip to content

Angular2 component not loading in jqxLayout #22220

@hanusaikrishna

Description

@hanusaikrishna

I am using jqxWidgets in angular2. I Designed one jqxLayout with tabbed Group and document group. I am trying to load the angular component inside jqxLayout.It is not Loading.
Kindly share the code to load component in jqxLayout.

Here is my code,

export class AppComponent{
layout: any[] =
[{
type: ‘layoutGroup’,
orientation: ‘horizontal’,
items: [{
type: ‘layoutGroup’,
orientation: ‘vertical’,
width: 800,
items: [{
type: ‘documentGroup’,
items: [{
type: ‘documentPanel’,
title: ‘ToolItems’,
contentContainer: ‘ToolbarPanel’
}]
}]
}, {
type: ‘layoutGroup’,
class: ‘Color’,
orientation: ‘horizontal’,
width: 800,
height: 600,
items: [{
type: ‘tabbedGroup’,
width: 400,
height: 600,
items: [{
type: ‘layoutPanel’,
title: ‘Color Group’,
contentContainer: ‘ColorGroupPanel’
}]
}, {
type: ‘tabbedGroup’,
width: 400,
height: ‘100%’,
items: [{
type: ‘layoutPanel’,
title: ‘Error List’,
contentContainer: ‘ColorListPanel’
}]
}]
}, {
type: ‘tabbedGroup’,
width: 268,
items: [{
type: ‘layoutPanel’,
title: ‘Properties’,
contentContainer: ‘PropertiesPanel’
}]
}]
}];
}
HTML code,
<jqxLayout [width]=” ‘100%’ ” [height]=” ‘100%’ ” [layout]=”layout” [theme]=”‘efi'”>
<!–The panel content divs can have a flat structure–>
<!–documentGroup–>

List of properties

My requirement is to load a component in jqxLayout.
I kept All controls in a child component. I need to instantiate the component not controls.
How I can refer a child component in Layout??
I don’t find any reference regarding this requirement. Please provide some example,it will be useful.

Thanks,
Hanusaikrishna

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions