DefaultRootViewController

Constructor

new DefaultRootViewController()

Source:

• UI/DefaultRootViewController.js, line 71

Example

class PageController extends Craft.UI.DefaultRootViewController {
    constructor(){
        super();
        this.tags = '';
        this.items = '';
    }
    viewDidLoad(callback){
        this.appendView(new Header());
        this.tags = new Tags();
        this.items = new Items();
        let container = new Container();
        container.loadView();
        container.appendView(this.tags);
        container.appendView(this.items);
        this.appendView(container);
        this.appendView(new Footer());
    }
    resolveRoutingRequest(route){
        this.selectTag(route);
        
        if( !route.path ){ route.path = ''; }
        let match = route.path.match(/(\w*)/);
        let tag = match[1];
        if( tag ){ this.selectTag(tag,route); }
    }
    selectTag(route){
        let match = route.path.match(/(\w*)/);
        let tag = match[1];
        if( route.launch ){
            // being in launching app. you should update history
            this.replaceState({state:{tag:tag},path:'/#/'+tag});
        }
        document.title = "Tag: "+tag;
        this.items.selectTag(tag);
    }
    style(componentId){
        return `
            * { box-sizing:border-box; margin:0; padding:0; }
            .root { display:flex; flex-direction:column; width:75%; margin-left:auto; margin-right:auto; }
        `;
    }
    template(componentId){
        return `<div id="root" class="root"></div>`;
    }
}